Qua*_*uan 5 css printing opacity internet-explorer-8
我制作了一个由两个重叠图像组成的网页.我已将不透明度滤镜应用于顶部图像,以便两个图像都可读.大多数浏览器(包括IE和Firefox)的屏幕不透明度都是正确的.但是,当我从IE 7或8版本打印到真实打印机或PDF打印机时,只打印顶部图像.从IE 9和Firefox打印时,顶部图像是正确半透明的.
以下是我的网页代码.
<html>
<body>
<DIV style="POSITION: absolute; WIDTH: 366px; HEIGHT: 439px; TOP: 100px; LEFT: 100px; Z-INDEX: 1;">
<IMG style="POSITION: relative; WIDTH: 366px; HEIGHT: 439px;" src="below_picture.png">
</DIV>
<DIV style="POSITION: absolute; WIDTH: 366px; HEIGHT: 439px; TOP: 100px; LEFT: 100px; Z-INDEX: 390;">
<IMG style="POSITION: relative; WIDTH: 366px; HEIGHT: 439px; FILTER: alpha(opacity=75);" src="above_picture.png">
</DIV>
</body>
</html>
从Internet Explorer 8打印时,我需要为不透明度设置哪种css样式？
试试这个会在所有主流浏览器中产生模糊效果,包括
.CLASS_NAME {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* other intelligent browsers */
opacity: 0.5;
}