- ベストアンサー
背景のグラデーション設置について
http://www.skuare.net/test/DynamicGradient.html 上記サイトを参考にして、 画面全体（body）にグラデーションを付けます。 Firefoxでは画面全体にグラデーションがかかるのですが、 IEの場合、コンテンツより下が真っ白になってしまいます。 これを回避する方法などがあればご教授願います。
- mark28
- お礼率64% (44/68)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
どういう作りをしているかわからないので（原因がわからないので）、 なんともいえないですが、 floatつかってカラムを実現してるなら、 ------------------------------- body { zom:1; } ------------------------------ でbodyの高さを保ってあげる。 とかで解決するかも。 もしくはhtmlタグにid指定しても動作するっぽいです。 firefox3.6（Mac）とie6は動作しました。
その他の回答 (1)
- sugartax
- ベストアンサー率50% (22/44)
ie6, 9 は確認していませんが、ie7, 8 では、body 内のコンテンツに関わらずグラデーション出来ましたよ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <script src="DynamicGradient.js" type="text/javascript"></script> <title></title> </head> <body id="demo"></body> <script type="text/javascript"> setGradient('demo','#a7f225','#24756b',0); </script> </html> css の問題ではないです？ あとは、script の位置も関係します。body が構築されていない状態ではグラデーションできません。ご存知かも知れませんが、良くつかわれる手段は onload イベントに対して setGradient() を開始させます。
お礼
ありがとうございます。 やはりIEだけだめですね。 jsファイルだけでも、 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/scroll.js"></script> <script type="text/javascript" src="js/rollover.js"></script> <script type="text/javascript" src="js/DynamicGradient.js"></script> <script type="text/javascript" src="js/sliding_effect_local.js"></script> <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script> <script type="text/javascript" src="js/Gradient.js"></script> ぐらい入れたので、もしかしたら何かダブちゃってるのかもしれません。 もう少し調べてみます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
ありがとうございます。 bodyにzomを入れてもだめでした。 いろいろ、やりすぎて何かが何かを打ち消してるもかもしれないです。 もう少し詳しく調べてみます。