私はウェブサイトを構築していますが、古いIEバージョンを除くすべてのブラウザーでもそれが必要なようです。透明なdivの背景は私のサイトの重要な部分であり、IE6がrgba(0,0,0,0.6)を認識して#000000に変更できるようにする方法があるかどうかを知りたいと思います。
私がここで何を意味するのかを知りたい場合は、このサイトをご覧ください。
ブラウザーの古いバージョンは、ブラウザーが理解できるものにデフォルト設定されます。
body {
background: #000;
background: rgba(0,0,0,.25);
}
最新のブラウザーでは透過的になり#000
、古いバージョンの IE などではプレーン オールドにフォールバックします。
次のようにフォールバックを宣言するだけです。
div {
background: #000000; /* the fallback */
background: rgba(0, 0, 0, 0.6);
}
rgba を認識しないブラウザ (IE6 など) は 2 行目を理解できず、無視して最初の宣言を代わりに使用します。
これが私のブラウザに依存しない背景の透明度です
.transparent {
background:rgb(0,33,66);
background:rgba(0,33,66,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(
startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(
startColorstr=#19FFFFFF,endColorstr=#19FFFFFF)";
}
行 1 セットは、透明度をサポートしていないブラウザーで単色 0,33,66 です
ライン 2 セットは 70% アルファで同じ色
最後の 2 行は、透過性を早期にサポートするための IE のハックです。何らかの方法で rgba から .7 アルファ値を適用します。
幸運を