ie6支持png半透明图片吗?
ie6本身是支持png8索引色透明格式【firework保存格式】的半透明图片(相对于photoshop 保存的png32的半透明效果会差些,对半透明要求不高时可保存成png8索引色透明的格式即可),但不支持"png8 alpha透明度"的半透明图片。
如何让ie6也支持半透明图片的显示?
经过对比测试,引用DD_belatedPNG.js的方法是最简单可靠的!
此方法支持背景平铺、定位,但不支持table及td标签的背景图片透明,也可能会引起元素背景产生“像素级”的移位;若出现背景图移位现象可尝试引入EvPNG.js文件的方法代替,EvPNG.js也不支持table及td标签的背景图片透明
DD_belatedPNG.js怎么使用?
<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.pngfix');//要使用半透明的标签加上这个class值即可
// DD_belatedPNG.fix('*')//或者直接使用通配符,但比较耗资源
</script>
<![endif]-->
EvPNG.js怎么使用?
同DD_belatedPNG的使用方法一样,没对比过源码,本身没多大亮点,只是备用方法!
上面使用到ie才能识别的条件注释来引用js,条件注释怎么用?
条件注释属性解释:
gt : greater than,选择条件版本以上版本,不包含条件版本
lt : less than,选择条件版本以下版本,不包含条件版本 gte : greater than or equal,选择条件版本以上版本,包含条件版本 lte : less than or equal,选择条件版本以下版本,包含条件版本 ! : 选择条件版本以外所有版本,无论高低
条件注释使用方法:
<!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if !IE]> 所有非IE可识别 <![endif]--> <!--[if IE 6]> 只有特定版本才能识别 <![endif]--> <!--[if lt IE 7]>仅IE 7以下可见(不包含ie7)<![endif]--> <!--[if lte IE 7]>IE 7及以下可见(包含ie7)<![endif]--> <!--[if gt IE 7]>仅IE 7以上可见(不包含ie7)<![endif]--> <!--[if gte IE 7]>仅IE 7以上可见(包含ie7)<![endif]-->
吐槽下:
iepngfix.htc方法:需要引用多个文件,比较麻烦,容易出错,不推荐!
CSS滤镜做背景图片时不能平铺(repeat),AlphaImageLoader属性还会使DIV容器里的链接失效,不推荐使用!
照现在的发展趋势,ie6的使用比例会逐步加速下降,平时项目中除非必要,个人觉得应该优先考虑使用现代的技术html5+css3,不然就跟不上时代发展步伐啦!
6条评论( 网友:4 条,站长:2 条 ) 网友评论{有您的评论更精彩....}