针对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程序也不用这么辛苦啊.
今天到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程序也不用这么辛苦啊.
相关文章推荐
- 为ie6,ie7,firefox(ff)设置不同效果的css写法
- 转: css 针对IE6,IE7,firefox显示不同效果 星号 !important 下划线
- css_针对IE6,IE7,IE8,IE9,firefox显示不同效果
- 针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack 针对IE6,IE7,firefox显示不同效果
- CSS hack 针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- 针对IE6, IE7, Firefox的CSS
- 转 CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack 针对IE6,IE7,firefox显示不同效果
- 用CSS设置字体颜色在火狐,IE6,IE7下不同
- 转 CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制(转)
- 转 CSS hack:针对IE6,IE7,firefox显示不同效果
- 转CSS hack:针对IE6,IE7,firefox显示不同效果
- Css 设计中IE6、IE7和FireFox中高度的不同定义
- CSS hack:针对IE6,IE7,firefox显示不同效果