武汉web培训
达内武汉中心

15827352908

热门课程

CSS样式兼容招数总结

  • 时间:2016-05-23 10:39
  • 发布:liqingliu
  • 来源:web前端网

招数总结

1>星号html招数--定义的规则就只在IE及更低版本中起作用
* html{
font-size:small;
}

2>Holly招数--对于修复windows特有的所有IE bug非常有用

    *html{
        height:1px;
        }


3>转义属性招数与星号HTML招数结合

IE5.X/win不忽略转义字符,所以会不认识w\idth,而应用80px,IE6及以上应用100px

*html #content{
width:80px;
w\idth:100px;
}

其他浏览器应用这部分属性

html #content{
width:100px;
padding:10px;
}

4>!important 招数

其他浏览器应用fixed,!important提高了优先级
IE6及以下忽略第一个申明而应用static
#nav{
    position:fixed!important;
    position:static;
}

5>下划线招数
现代浏览器不认识_position属性,而应用fixed,而IE6及以下会忽略下划线,而应用static
#nav{
    position:fixed;
    _position:static;
}

6>子选择器和属性选择器招数
    在支持子选择器和属性选择器的浏览器中应用某些规则,而不支持的浏览器则会忽略掉
上一篇:CSS:Webkit核心Chrome和Safari的独有Hack
下一篇:HTML中lable的技巧

web前端学习容易犯的错误

web1702“诱人”活动

抽象类和抽象方法

jquery的ajax和getJson跨域获取json数据

选择城市和中心
贵州省

广西省

海南省

有位老师想和您聊一聊