学习div+css遇到困难

http://www.camnpr.com/articles/?type=detail&id=92

 

DIV+CSS自学教程网   http://www.divcss5.com/rumen/r75.html

[PNG]处理透明PNG图片IE6下的CSS显示

最近在div+css工作中，遇到透明的PNG图片在ie6下不能透明显示的情况；相信有不少人遇到过，那怎么解决呢？

方法一：改用ie滤镜，实现透明效果：CSS透明兼容：
2.filter:alpha(opacity=50);       /* IE */
3.-moz-opacity:0.5;              /* Moz + FF */
4.opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/     但这样局限性，对追求完美的切图人员来说，这不能让他们满意。

方法二：改用flash透明效果，wmode="transparent" ，这样也太麻烦，并不是所有的切图都会flash。

方法三：这个是最近找到的一个最佳解决方法，png图片用fireworks cs5打开，单击“文件”菜单-》“图像预览”，格式选中png8 -》Alpha透明度，然后单击“导出”。

如图：

方法四:在网页中加入一个PNG.js文件，就可以轻松实现透明图片针对ie6的处理。

<!--[if lte IE 6]>
        <script type="text/javascript" src="js/PNG.js"></script>
        <script>
        PNG.fix('*');
        </script>
        <![endif]-->

PNG.js下载

本文欢迎讨论，欢迎转载，如转载请注明出处：http://www.camnpr.com 郑州网建，谢谢。