私のメインのcssファイルには次のものがあります。
#wrapper {
width: 760px;
margin: 0 auto;
padding: 20px;
/* Fallback for web browsers that doesn't support RGBa */
background: #ffffff;
/* RGBa with 0.8 opacity */
background: rgba(255, 255, 255, 0.8);
}
頭の中で条件付きコメントを使用すると、私のie.cssファイルには次のようになります。
#wrapper {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)";
/* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
/* IE6 & 7 */
zoom: 1;
}
これはie7とie9では正常に機能しますが、ie8では背景が透明に見えます。