1 つの div があり、それにグラデーションと背景画像を適用したい (はい、同じ要素に)。対象のブラウザが IE でない場合にのみ可能であることはわかっています。それを念頭に置いて、IEのみのグラデーションの代わりに画像を上に塗りつぶすことを考えました。
これが私のコードです:
background: url(../images/newsletter.png), -moz-linear-gradient(top, rgb(10,10,01) , rgb(5,5,5));
background: url(../images/newsletter.png), -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#05050f));
background-repeat: no-repeat, repeat;
<!--[if IE]>
background: #000 url(../images/newsletter.png) center left no-repeat;
<![endif]-->
問題は、FF/Chrome の宣言の前後で条件が無視されることです。(私はテストし、[if false]などもテストしました。)何かアイデアはありますか?