需求: 一个工资条展示界面,需要加水印
实现方法:在工资条的上面浮动一个DIV,设置DIV的背景为png的水印图片,同时设置DIV的透明度为60%
源代码:
<div class="salary-data" style="height:300px;">
<div class="salary-watermark"></div>
....
</div>
</div>
div.salary-data {
position: relative;
margin-top: 20px;
min-height: 300px;
}
div.salary-watermark {
position: absolute;
top: 0;
left: 120px;
width: 474px;
height: 250px;
background: url(images/watermark.png) no-repeat center center;
opacity: 0.6;
filter: alpha(opacity=60);
zoom: 1;
}
结果:
IE9/IE10/IE11下(无论哪种模式)的显示效果(显示正常)
IE8下(无论哪种模式)的显示效果(显示不正常,颜色太黑)
解决方法:在浮动的DIV的 filter: alpha(opacity=60);设置后增加一个如下的CSS设置,增加后显示都正常了
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);
修改后的浮动DIV的CSS
div.salary-watermark {
position: absolute;
top: 0;
left: 120px;
width: 474px;
height: 250px;
background: url(images/self/salary/watermark.png) no-repeat center center;
opacity: 0.6;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);
zoom: 1;
}
相关推荐
能解决png图片在IE6浏览器不兼容问题。同时能解决png背景图片在IE6浏览器不兼容的问题。简单易懂。急需要导入一个js文件,然后写入需要兼容的标签即可。
IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法
js_IE6支持png透明解决png_ie6下不透明背景图片
解决IE6下PNG图片背景色不透明问题的方法
完美解决IE6下png背景、图片透明问题
博客中插入不了clear.gif图片,上传到这里以供自己和需要的人使用~
解决IE6.0下png背景透明及连接不能点击,费了我好大的进才找到的~~~嘻嘻
IE6 png背景图片透明,在IE6下,让PNG背景图片透明,效果不错,谁用谁知道。
PNG图片在FF下是透明,但IE6下北京会变成蓝色的,有效解决PNG图片在IE6下背景不透明的问题
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题
解决ie6下png透明问题 在页面引入这个js文件,让回EvPNG.fix();
在代码的开始处直接有介绍如何使用,这个不需要其他任何多余的处理,而且还可以解决背景定位情况下,IE6下的PNG修复问题,可以说是目前解决PNG问题最为完美的处理方式
解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题解决IE6 PNG图片透明问题
大家都知道,PNG 背景图片透明在IE5.5或IE6.0下非常不令人满意,以至很多WEB设计师放弃使用PNG图片,解决这一IE的Bug也是老生长谈的问题,虽然iE7和IE8已经解决了这一问题,但仍有大部分用户还在使用IE6。...
DD_belatedPNG完美地解决了“iepngfix.htc”会出现的无法平铺,没法定位以及所加超链接的点击区域无法使用等问题!
内含插件及使用说明 ie(IE)png半透明插件使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。
png背景图片透明支持IE6浏览器,通过JS来实现。
IE6中 PNG 背景透明的最佳解决方案 兼容IE6和Firefox的PNG背景透明CSS代码 IE6下png背景不透明问题的综合拓展
看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色。特对一些优秀页面进行分析整合,整理了两套相当有效的解决方案,...
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题