CSS グラデーションが反映されない
DreamWeaverでサイトを制作しています。
下記のように書いてもブラウザ上にグラデーションが反映されないのですが、
どういった原因が考えられるのでしょうか?
#header{
color:#fff;
background-color:#F60;
moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
/* For WebKit (Safari, Google Chrome etc) */
background:-webkit-
gradient(linear, top, bottom, from(#f60),
color-stop(0.3,#C30),
to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-
linear-gradient(-45deg, #f60, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F06000, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";
}
フォントについてやbox-shadow等は反映されるのですが、グラデーションだけが。。
宜しくお願いします。
お礼
すごい!! cssに入れたらできました! ありがとうございました!!! >なお、filterはIE独自の仕様で、他のブラウザでは対応していません。 なるほど~。全てに共通しているわけではいのですね。 http://www14.ocn.ne.jp/~testpage/