用CSS怎么写浏览器兼容的代码?

html-css014

用CSS怎么写浏览器兼容的代码?,第1张

跨浏览器兼容是个永恒的话题,其实只要坚持用CSS的规范书写CSS的代码,就不会产生什么不兼容的问题。 hack针对的是像IE6等那些老版本的浏览器。它们都将会淘汰。而且现在每个浏览器更新的版本中对CSS的解释器都是根据CSS规范编写的。所以以后的CSS兼容问题都将消失。

<style>#wrapper{width: 100px!important/* IE7+FF */width: 80px/* IE6 */}</style>

DIV+CSS适配浏览器,意思就是对于div+css的布局,在各个浏览器中的显示,而且是正确的显示,也就是IE,chrom、firefox等等,要满足也就是说在各个浏览器中不会出现错位等问题,要实现这些就需要通过hack,或者是说一些浏览器的兼容技术来实现,如一个透明度,一般在ie中用的是filter:alpha(opacity=0)这个属性来设置div或者是块级元素的透明度,而在firefox中,一般就是直接使用opacity:0,要做到兼容就是在css中2种都写到,具体看下代码:\x0d\x0a\x0d\x0a\x0d\x0a#div1{\x0d\x0awidth:200px\x0d\x0aheight:600px\x0d\x0amargin:0 auto\x0d\x0aopacity:0\x0d\x0afilter:alpha(opacity=0)//0 代表的是隐藏,就是透明度最低。\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

测试文字。\x0d\x0a\x0d\x0a\x0d\x0a

回答于 2022-11-16