css样式兼容性问题的处理办法
2011-11-21 12:01
477 查看
做web开发,对css样式都有所了解,让各浏览器都正确解析网页,还真得费一凡功夫,今天,先说说padding吧
制作网页时在IE7下显示正常了,IE6下用些hack方法基本也解决了,就是IE8和firefox下还是有问题啊,兼容性问题真让人崩溃。
假设现在设置一个padding值,这个值在FF、IE8、IE6中都不一样
首先考虑的是FF下的值
.test{padding:10px}
接着考虑IE8下的值
.test{padding:10px;*padding:9px}
最后考虑IE6下的值
.test{padding:10px;*padding:9px;_padding:8px}
这样就可以了。做兼容性时,最先考虑FF、opera这些浏览器,最后考虑IE6。拿上例来说,IE8、IE6都可识别*,但FF不能识别。所以拿*来做IE8的Hack,而_在FF和IE8中都不识别,只有IE6能识别,所以用_做IE6的Hack
在另外两个页面中加了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />后ie8下也显示正常了,可到了三级页面加上这句还是老问题,莫名其妙层与层之间有好多间隙出来
这个就要具体看你的CSS和HTML代码了。
页头加<meta http-equiv="X-UA-Compatible" content="IE=7" />或<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />是告诉IE8浏览使用IE7兼容模式进行页面解析。如果你的CSS定义原本就有问题,光是加这个是解决不了问题的。
制作网页时在IE7下显示正常了,IE6下用些hack方法基本也解决了,就是IE8和firefox下还是有问题啊,兼容性问题真让人崩溃。
假设现在设置一个padding值,这个值在FF、IE8、IE6中都不一样
首先考虑的是FF下的值
.test{padding:10px}
接着考虑IE8下的值
.test{padding:10px;*padding:9px}
最后考虑IE6下的值
.test{padding:10px;*padding:9px;_padding:8px}
这样就可以了。做兼容性时,最先考虑FF、opera这些浏览器,最后考虑IE6。拿上例来说,IE8、IE6都可识别*,但FF不能识别。所以拿*来做IE8的Hack,而_在FF和IE8中都不识别,只有IE6能识别,所以用_做IE6的Hack
在另外两个页面中加了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />后ie8下也显示正常了,可到了三级页面加上这句还是老问题,莫名其妙层与层之间有好多间隙出来
这个就要具体看你的CSS和HTML代码了。
页头加<meta http-equiv="X-UA-Compatible" content="IE=7" />或<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />是告诉IE8浏览使用IE7兼容模式进行页面解析。如果你的CSS定义原本就有问题,光是加这个是解决不了问题的。
相关文章推荐
- css样式兼容性问题的处理办法
- css样式兼容性问题的处理办法
- 网页设计html+css兼容性问题处理办法汇总
- 网页设计html+css兼容性问题处理办法汇总
- IE浏览器常见CSS兼容性问题及解决办法
- CSS在IE6下的一些BUG和兼容性问题及解决办法
- CSS学些心得--解决各个浏览器样式显示的兼容性问题
- div之“可编辑”属性,按下“回车键”之后出现的兼容性问题的处理办法
- CSS常见兼容性问题及解决办法汇总
- CuteEditor 去除 样式 css (和过滤 js) 的问题解决办法
- css在ios和android设备上的兼容性问题(移动设备不同内核浏览器样式兼容性)笔记
- javascript和css在ie和firefox中关于兼容性问题的解决办法
- 【问题解决】BootStrap.css与layDate日期选择样式起冲突的解决办法
- Html(css)样式控制浏览器的兼容性问题的相关教程
- css在ios和android设备上的兼容性问题(移动设备不同内核浏览器样式兼容性)笔记
- IE6-IE9兼容性问题列表及解决办法_补遗漏之二:CSS区分大小写,Style中height需要加px
- CSS【02】——css兼容性问题处理
- ie6, ie7兼容性问题以及处理办法汇总
- IE6-IE11兼容性问题列表及解决办法总结
- CSS弹出框样式出现问题