cssで透過背景をIE8位上に適応
この記事は2014年12月4日に書かれたもので、内容が古い可能性がありますのでご注意ください。
透過背景をIE8以上に適応させるための備忘録。
css
.targetArea {
background-color: rgba(0,0,0,.8);
filter:progid: DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc000000,EndColorStr=#cc000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc000000,EndColorStr=#cc000000)";
}
.targetArea:not(:target) {
filter: none;
-ms-filter: none;
}
サンプルは以下。
因みにfilterの#cc000000は、透明度（cc）と色（000000）。
80%かけたい場合は255に0.8を掛けた204を16進数へ変更した値ccとなる。
ads
