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