CSS中哪些是IE6.0不支持的?

发布时间:2019-10-14编辑:脚本学堂
现在使用IE的人比较多,IE中存在不支持某些css,本文就 IE6.0不支持的CSS列举出来,有哪些部分是IE6.0浏览器不支持的呢?希望需要的朋友好好学习一下。

CSS中IE6.0不支持:
1、不支持的伪类
1.1 不支持:first-child伪类
解决方法:用class属性,例如在html的storybody类中的第一个段落为<p class="firstone">,然后将CSS更改为:
 

复制代码 代码示例:
.storybody p:first-child, .storybody p.firstone
{ font-size: large; }
 

前面的选择符变为冗余,因为其他浏览器理解基于类的工作方式。因此,如果用户要添加该工作方式,就可能要
完全停止使用:first-child。

1.2 不支持:lang伪类
1.3 不支持:focus伪类
2、不支持的选择符
2.1 不支持属性选择符
举一个属性选择符的例子:
h1[class] {color: silver;}将会作用于任何带class的h1元素,不管class的值是什么。所以<h1
class="hoopla">Hello</h1>、<h1 class="severe">Serenity</h1>、<h1 class="fancy">Fooling</h1>的h1都会受到这条规则的影响。
最后一个属性选择符语法: E1[attr|=value] ,如下例:
 

复制代码 代码示例:
*[lang|="en"] {color: blue;},这条规则将会选择属性lang的值en或者以en-开始的元素。也就是说,它可以匹配<h1 lang="en">Hello!</h1>、<p
lang="en-us">Greetings!</p>和<div
lang="en-au">G'day!</div>而不匹配<p lang="fr">Bonjour!</p>和<h3
lang="cy-en">Jrooana!</h3>。

2.2 不支持子选择符
 子选择符语法:E1 > E2
        例:body > p { font-size:14px; }  /* 所有作为body的子对象的p对象字
 体尺寸为14px */
 说明:子选择符的意思是说直接子代,要区别于包含选择符。
2.3 不支持近亲选择符
        近亲选择符语法:E1 +E2

3. 不支持的规则
3.1  不支持@import规则
语法:
@import             url (url) sMedia ;说明:
url :  使用绝对或相对地址指定导入的外部样式表文件。请参阅link对象
sMedia :  指定设备类型。

指定导入的外部样式表及目标设备类型。
该规则必须在样式表头部最先声明。并且其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成
错误信息。
用此规则导入的样式表,其owningElement特性是一个link对象或style对象。导入的外部样式表中的定义将被文档中的同名
定义覆盖。示例:
 

复制代码 代码示例:
@import url("foo.css") screen, print;
@import "print.css"

4、 不支持的字体和文本属性
4.1 不支持white-space

                               我在Opera9中是支持此属性的
4.2 不支持text-decoration:blink;(只是不支持闪烁这个属性)

                                我在Opera9中是支持此属性的
5、 IE对表单样式支持的不是很好,只支持一小部分。
6、 IE对布局支持不是很好。
6.1 对float属性支持不是很好
HTML代码如下:
 

复制代码 代码示例:
<html>
        <head>
          <title>Accessibility of Color</title>
          <style type="text/css">
            .pullquote
               { float: right;
                 font-family: Verdana, sans-serif;
                 text-indent: 0;
                 border: 5px solid blue;
                 padding: 0.5em;
                 margin: 2em;
                 background-color: silver; }
            .pullquote img
               { float: right; }
          </style>
        </head>
        <body>
            <p> 第一段         第一段         第一段         第一段         第一段         第一段
       第一段         第一段         第一段         第一段         第一段         第一段
     第一段         第一段         第一段         第一段         第一段         第一段         第
     一段         第一段         第一段         第一段         第一段         第一段         第一
     段         第一段         第一段         第一段         第一段         第一段         第一段
             第一段         第一段         第一段         第一段         第一段         第一段
           第一段         第一段         第一段         第一段         第一段         第一段
         第一段         第一段         第一段         第一段         第一段         第一段
       第一段         第一段         </p>
          <div class="pullquote">
            <img src="aa.bmp" alt="">
            <p>Kynn says:</p>
            <blockquote>
               <p>"Color is very<br>
               useful to those<br>
               who can see it"</p>
            </blockquote>
          </div>
          <p> 第二段         第二段         第二段         第二段         第二段         第二段
   第二段         第二段         第二段         第二段         第二段         第二段         第二
   段         第二段         第二段         第二段         第二段         第二段         第二段
          第二段         第二段         第二段         第二段         第二段         第二段
      第二段         第二段         第二段         第二段         第二段         第二段
   第二段         第二段         第二段         第二段         第二段         第二段         第二
   段         第二段         第二段         第二段         第二段         第二段         第二段
          第二段         第二段         第二段         第二段         第二段         第二段
      第二段         第二段         第二段         第二段         第二段         第二段
   第二段         第二段         第二段         第二段         第二段         第二段         第二
   段         第二段         第二段         第二段         第二段         第二段         第二段
          第二段         第二段         第二段         第二段         第二段         第二段
      第二段         第二段         第二段         第二段         第二段         第二段
   第二段         第二段         第二段         第二段         第二段         </p>
        </body>
</html>
 

表格属性table
7.1 不支持empty-cells属性                 在IE6中,不管怎么设置此属性,空单元格都是隐藏的。在Opera9中支持此属性。
7.2 不支持caption-side属性