css浏览器兼容方案大全.doc

css浏览器兼容方案大全.doccss浏览器兼容方案大全网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了,因为IE6・0/,导致设计的页面效果不一样,所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢?广泛被使用的方法就是CSSHack,即使用特别的CSS定义显示网页在不同浏览器的设计风格,针对不同的浏览器去写不同的CSS,最大化兼容浏览器。一般情况下,/,下面是用的较频繁的CSSHack技巧:用的最广莫过于!important了,它可以针对IE(!important)和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!important,就可以针对其优先了。,我都会使用!importanto1、*+htmlselect{•••}。2、 仅IE7可以识别*+htmlselect{•••!important;}当面临需要只针对IE7做样式的时候就可以采用这个HACKo3、 IE6及IE6以下识别*htmlselect{•••}。其它浏览器不识别。4、 html/**/>bodyselect{•••}这句与上一句的作用相同。5、 仅IE6不识别,屏蔽IE6select{display/*屏蔽IE6*/:none;}这里主要是通过css注释分开一个属性与值,注释在冒号前。6、 仅IE6与IE5不识别,屏蔽IE6与IE5select/**/{display/*IE6,IE5不识别*/:none:}这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。、仅IE5不识别,屏蔽IE5select/*IE5不识别*/{•••}这一句是在上一句中去掉了属性区的注释。只有IE5不识别,。8、盒模型解决方法selct{width:;voice-family:”\”voice-fam订y:inherit;width:正确宽度汀盒模型的清除方法不是通过!important来处理的。这点要明确。9、只有Opera识别©mediaalland(min-width:Opx){select{ } }针对Opera浏览器做单独的设定。以上都是写CSS中的一些HACK,这些都是用来解决局部的兼容性问题,如果希望把兼容性的内容也分离出来,不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式,也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。10、,©mediattyi{content:” ;/*” “*/}}***@";/*”;}}/**/11>IE5/MAC的过滤器,一般用不着/*\*//*/©import^”;/**/12、IE的if条件Hack〈!一[ifIE]>OnlyIE<![endif]~>所有的IE可识别<!—[]>