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となる。

Tweet about this on TwitterShare on FacebookShare on Google+Pin on PinterestShare on TumblrPrint this pageEmail this to someone

ads

ページトップへ

© hifi-dev All Rights Reserved.
kenboh
profile
kenboh

follow