解决IE6下透明图片有背景的问题
2013-06-28 18:06
459 查看
描述,透底的图片,在其他浏览器中效果:
在IE6中的效果:
1.改图片
IMG
换用gif格式的图片,但是这样的话图片效果不好:
想让IE6用gif的图片,其他浏览器用png图片,但是只有IE有这样的条件选择代码,其他好像没有。
<!--[if !IE 6]>
<img src="img/foot_logo_xiu_v2.png" alt="">
<![endif]-->
<!--[if IE 6]>
<img src="img/foot_logo_xiu_v2.gif" alt="">
<![endif]-->
2用js来实现
代码:
<img id="foot_logo" src="img/foot_logo_xiu_v2.png" alt="">
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG-min.js"></script>
<script>
DD_belatedPNG.fix("#foot_logo");
</script>
<![endif]-->
js文件下载:http://pan.baidu.com/share/link?shareid=4098229612&uk=1174479539
图片需要给个id="foot_logo"
这样就好了。是不是很简单?
背景
背景就不用通过js来处理了。可以直接用针对IE6的hack来处理。
当然,处理背景也有对应的js插件可以用。
在IE6中的效果:
1.改图片
IMG
换用gif格式的图片,但是这样的话图片效果不好:
想让IE6用gif的图片,其他浏览器用png图片,但是只有IE有这样的条件选择代码,其他好像没有。
<!--[if !IE 6]>
<img src="img/foot_logo_xiu_v2.png" alt="">
<![endif]-->
<!--[if IE 6]>
<img src="img/foot_logo_xiu_v2.gif" alt="">
<![endif]-->
2用js来实现
代码:
<img id="foot_logo" src="img/foot_logo_xiu_v2.png" alt="">
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG-min.js"></script>
<script>
DD_belatedPNG.fix("#foot_logo");
</script>
<![endif]-->
js文件下载:http://pan.baidu.com/share/link?shareid=4098229612&uk=1174479539
图片需要给个id="foot_logo"
这样就好了。是不是很简单?
背景
背景就不用通过js来处理了。可以直接用针对IE6的hack来处理。
当然,处理背景也有对应的js插件可以用。
相关文章推荐
- 解决IE6png背景图片透明的问题
- jQuery解决IE6下PNG图片背景透明问题
- 解决IE6中CSS使用透明背景图片的问题
- 基于jQuery IE6下PNG图片背景透明问题解决方法
- 解决ie6 png格式图片背景透明问题
- 解决PNG图片在IE6下背景不透明的问题让IE6支持PNG透明背景
- 完美解决ie6不支持png 透明图片 和标签背景的问题
- PNG格式图片在IE6下的背景透明问题-解决方法
- 解决IE6下png图片文件背景不透明的问题
- 使用DD_belatedPNG让IE6支持PNG透明图片 及IE6下背景图闪烁问题的解决方法
- CSS解决IE6下PNG图片背景不透明的问题
- 【转】CSS解决IE6下PNG图片背景不透明的问题
- 解决IE6下PNG透明问题,支持平铺背景图片
- [Javascript] 解决 IE6 中 png 图片背景不支持透明效果的问题
- IE6下png图片和背景图片透明问题解决方法
- document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
- IE6下滤镜插入透明PNG背景,解决失焦问题
- Java裁剪压缩PNG图片,透明背景色变黑问题解决
- JS解决PNG图片在IE6下背景不透明 DD_belatedPNG_0.0.8