如何让IE6-IE7-FF的CSS样式一致
2007-11-08 10:11
267 查看
原文:http://smartr.cn/wordpress/css-hacks-for-ie6-ie7-ff2.html
现在主流的浏览器分别是:Internet Explorer 6, Internet Explorer 7和Firefox 2。这让我们在网站设计中不得不考虑如何使样式“crossover”。这里介绍一个较为简单的方法使样式的显示效果在上述三种浏览器中保持一致。
首先我们针对Firefox 2设计了如下的样式代码:
然后针对Internet Explorer 6进行样式修改,使用如下的代码语句,该代码只能被 IE 6 识别:
最后针对Internet Explorer 7进行如下样式修改,该代码也只能被 IE 7 识别:
通过上面的方法,你应该能够让你的设计样式更具通用性了。
现在主流的浏览器分别是:Internet Explorer 6, Internet Explorer 7和Firefox 2。这让我们在网站设计中不得不考虑如何使样式“crossover”。这里介绍一个较为简单的方法使样式的显示效果在上述三种浏览器中保持一致。
首先我们针对Firefox 2设计了如下的样式代码:
#MyDiv { margin : 10px 10px 10px 10px; }
然后针对Internet Explorer 6进行样式修改,使用如下的代码语句,该代码只能被 IE 6 识别:
/* IE6 Only */ * html #MyDiv { margin : 5px 5px 5px 5px; }
最后针对Internet Explorer 7进行如下样式修改,该代码也只能被 IE 7 识别:
/* IE7 Only */ *:first-child+html #MyDiv { margin : 2px 2px 2px 2px; }
通过上面的方法,你应该能够让你的设计样式更具通用性了。
相关文章推荐
- 让IE6-IE7-FF的CSS样式一致
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff 【转】
- CSS样式在IE6,IE7,FF下的区别与解决方案
- IE6和IE7中div不一致如何解决?
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff
- [转]CSS hack几个新的标识符 - 区分IE7、IE6、FF和Opera
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- CSS兼容IE6,IE7,FF的技巧
- IE6,IE7,FF兼容性问题
- javascript 兼容 IE6、IE7、FF 的“加入收藏”
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
- 区分IE6,IE7,IE8和FF的css hack
- 如何让ie6和ie7兼容display:inline-block;
- jquery 导航代码,兼容IE6,IE7,FF,OPREA,谷歌。自己修改其的BUG,特此保存以后研究。 (转)
- [JS] - 关闭网页[兼容IE6,IE7,IE8,FF,Chrome]
- DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 如何卸载IE7重装IE6