CSS半透明フィルター

ne4 Post in web

IE以外は、
opacity: 0.9;
の記述で、半透明90%になったりするが、
IE9以前の場合、独自フィルターが必要。
filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);

shadowと併用した場合、
opacityは、下にshadowをつけても、透過しないが、
IEのフィルターは透過してしまう。

shadowのCSSは、以下の通り。
-webkit-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
-khtml-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
box-shadow: 7px 7px 10px rgba(0,0,0,0.25);

※IEには、下記の方法でshadowを付けた。

« Prev: :Next »

Comments are closed.