让IE6-IE7-FF的CSS样式一致
2008-01-07 05:27
211 查看
现在主流的浏览器分别是: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; }通过上面的方法,你应该能够让你的设计样式更具通用性了
首先我们针对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样式一致
- CSS样式在IE6,IE7,FF下的区别与解决方案
- Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
- css中!important的作用(IE6 IE7 FF)
- 调用js时ie6和ie7,ff的区别
- 一些IE6 IE7 IE8 FF的CSS hack
- 全面兼容ie6,ie7,ie8,ff的最简单的css写法
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- DIV CSS设计时IE6、IE7、FF 与兼容性有关的
- (转)IE6,IE7,FF等浏览器不兼容原因及解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 区分IE6,IE7,IE8和FF的css hack
- IE6 IE7 IE8 FF css hack
- IE6 IE7 IE8 FF 兼容性的写法
- [整理]IE6,IE7,FF等浏览器相互区别的CSS写法
- 兼容IE6,IE7,IE8,FF的JQuery 垂直二级导航菜单
- div+css 布局下兼容IE6 IE7 FF常见问题(转载)
- IE6和IE7、FF兼容性问题
- IE6、IE7、FF 兼容性
- CSS兼容IE6,IE7和FF经验总结