您的位置:首页 > Web前端 > CSS

针对IE6,IE7,Firefox设置不同的CSS

2007-09-03 01:13 267 查看
From: http://www.sunsvn.com/?p=23

今天到IE6下查看了我做得一个WordPress皮肤,发现页面有点变型,而IE7和Firefox却没有任何问题.找了小半天,才明白原来是IE6和IE7,Firefox对Padding的渲染方式不一样(太久没有做页面了,有点小辛苦的说),想了想用 !important 来hack,可是有个小问题,就是IE7现在已经能够对!important进行正式的解释了.而我,只是想对IE6进行特别的样式设置.
  试了很久,没有成功,只好求助于Google.发现如下一篇文章:http://bbs.bo-blog.com/viewthread.php?tid=4199.文中提到了如下方法:


#menu { padding-right: 150px }/* Moz Firefox */

* html #menu { padding-right: 50px; } /* IE6 */

*+html #menu { padding-right: 150px; }/* IE7*/



   第一行是对针对 Moz Firefox 的设置(其实是针对所有浏览器的设置),第二行是针对IE6的设置,也就是说这一行只有IE6才能理解,最后一行是对IE7的设置.这样,我们就可以针对不同的浏览器,设置不同的样式了,哎,避免浏览器版本不同给我们造成的麻烦:)

  希望Web标准快点普及,这样做Web程序也不用这么辛苦啊.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: