点击进入在线实时咨询或给我们留言!

CSS浏览器HACK技巧

来源:子言网络  时间:2009-10-29 16:44:27  字体:    

屏蔽IE浏览器(也就是IE下不显示)
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。

html>body #XXX{….}
子选择器,IE不支持。

仅IE7识别
*+ html {…}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。

IE6及IE6以下识别
* html {…}
这个地方要特别注意很多地方都写了是IE6的HACK,其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body select {……}
这句与上一句的作用相同。

仅IE6不识别
select { display /*IE6不识别*/:none;}
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。

仅IE6与IE5不识别
select/**/ { display /*IE6,IE5不识别*/:none;}
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。

仅IE5不识别
select/*IE5不识别*/ { display:none;}
这一句是在上一句中去掉了属性区的注释,只有IE5不识别。

只有Opera识别
@media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。
或html>body .content{….}
这个我没怎么用过~~知道的朋友欢迎详细讲解下!

解决失效的盒模型
选择器 {
 width:IE5.x宽度;
 voice-family :”\”}\”";
 voice-family:inherit;
 width:正确宽度;
 }
通过浏览器不能识别的属性和伪值,不继续执行下面的代码。
盒模型的清除方法不是通过!important来处理的。这点要明确。

下面还有一张参考图:

©2004-2010 版权所有 · 广州子言网络 [ 英文网店系统建设专家 ]

粤ICP备05066100号