• ベストアンサー

htmlかcssで背景の白い枠をなくす方法

お世話になっております。 個人でホームページ制作をしているのですが html、cssについての質問です。 現在制作中のホームページなのですが 背景をグリーンから白のグラデーションになるように設定したのですが白い枠ができてしまいました。 こちらを消す方法をどなたかご存知でしょうか? 背景のグラデーションはcssで以下のように設定しました。 .html { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8ffd7,endColorStr=#ffffff); } 現在制作中のホームページ ​http://www14.ocn.ne.jp/~testpage/

質問者が選んだベストアンサー

  • ベストアンサー
  • parumon
  • ベストアンサー率85% (6/7)
回答No.1

CSSに body{margin: 0; padding: 0;} を追加してください。 (.htmlに追加でも大丈夫そうかな?) なお、filterはIE独自の仕様で、他のブラウザでは対応していません。 全ブラウザに対応させたいなら、グラデーションの背景画像を横1pxで作成し、それを敷き詰めた(CSSでx方向にリピート)ほうが無難です。

sohoshoshi
質問者

お礼

すごい!! cssに入れたらできました! ありがとうございました!!! >なお、filterはIE独自の仕様で、他のブラウザでは対応していません。 なるほど~。全てに共通しているわけではいのですね。 http://www14.ocn.ne.jp/~testpage/

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

 filterプロパティ自体、MS-IE独自の拡張で、最近増えつつある他のブラウザでは適用されません。  これ以外に MSIE 独自拡張 - CSS Dencitie http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/index.html などがあります。  結論から言うと、これら[独自拡張]プロパティは使用しないほうが無難です。  特に背景にグラデーションぐらいでしたら、背景を敷き詰めるbackground-repeatプロパティで行いましょう。  http://www6.plala.or.jp/go_west/nextcss/ref/prp/fg_n_bg/bgn_rpt.htm

参考URL:
http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/index.html

関連するQ&A