您的位置:首页 > Web前端 > CSS

CSS Hack 使用总结

2011-04-20 18:52 183 查看
1. ie6单独设置属性只要这样写
*html .class{}
这里的.clss换成你想要的名称就可以。也可以是id的。

2.实例

p {
color:red;
*color:pink;
_color:yellow;
_color /* */:green;
}

第一个color所有浏览器可读
第二个color所有IE系浏览器可读
第三个color只有IE5、IE6可读
第四个只有IE5可读

3. IE7不错的hack方式:使用“*+html”!

示例如下:
XML/HTML代码
Example Source Code
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */

那么在firefox下字体颜色显示为#333,
IE6下字体颜色显示为#666,
IE7下字体颜色显示为#999,并且它们互不干扰!

这样处理也可以,而且适用于行内写法(<div style="....................">):
XML/HTML代码
width:100px; /* Mozilla */
+width:110px; /* IE7 */
_width:120px; /* IE6 */

顺序不能破坏,因为越往下越能兼容上面的,就是说IE6认得“ + ”。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: