当html+css遇到IE6部分问题解决方法

IE6对png的修复

注意：IE6对png24支持度不高，使用会无法显示。

解决方法：

1、  png8代替png24（图片清晰度会下降）

2、  使用JS解决，引入JS文件。

格式：<!--修复代码-->

           <!--boby的最后一行编写-->

           <script type="text/javascript"src="js/DD_belatedPNG_0.0.8a-min.js"></script>

           <!--在创建一个新的标签，编写代码-->

           <script type="text/javascript">

                    //fix＋修复的块

                    DD_belatedPNG.fix("div,img")

                    //或者修复*，即修复全部

           </script>

 

条件hack

CSS hack指的是一个特殊的代码，只在某些浏览器中可以识别，其他浏览器不能识别。

代码片：

<!--[if IE]>

                            <p>只能在ie中看见</p>

                             <![END if]-->

                   <!---->

                   <!--[if IE 6]>

                            <p>只能在ie6中看见</p>

                            <![END if]-->

                                    

                   <!--[if  lt IE 9]>

                            <p>在ie9以下版本中都能看见</p>

                            <![END if]-->

                   <!--注意：大于 Gt;小于等于lte；大于或等于gte；除了 ！-->

练习：适用于以上版本，代码旨在ie6中执行

<!--[if IE 6]>

<scripttype="text/javascript"src="js/DD_belatedPNG_0.0.8a-min.js"></script>

           <script type="text/javascript">DD_belatedPNG.fix("div,img")</script>

 <![END if]-->

 

属性hack

属性hack：body{

                                     background-color:#bfa;

                                     /*假设在Ie6中将背景色设置成黄色才和其他样式相同*/

                                     _background-color:yello;

                                     /*注意：

                                      -：选择IE6及以上

                                       *：选择IE7及以上

                                       \9：选择IE6+

                                       \0：选择IE8+和Operais以下的浏览器

                                      */

                            }

 

选择符hack：在选择器前添加* html，则该选择器只有IE6可以识别，但是尽量不使用