CSS内部属性级Hack

百度谷歌搜狗

加关注：新浪微博腾讯微博

当前位置：首页 > HTML+CSS > CSS Hack > 源码

发布时间：2013-09-17 11:00 　来源/作者：藕码网　分类：CSS Hack

TAG标签：

摘要：CSS内部属性级Hack

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>属性级Hack_CSS</title>
<meta name="copyright" content="www.oucode.com" />
<style>
h1{margin:10px 0;font-size:16px;}
.test{
	color:#c30;          /* For Firefox */
	[;color:#ddd;];      /* For webkit(Chrome and Safari) */
	color:#090\0;        /* For Opera */
	color:#00f\9;        /* For IE8+ */
	*color:#f00;         /* For IE7 */
	_color:#ff0;         /* For IE6 */
}
</style>
</head>
<body>
<div class="test">在不同浏览器下看看我的颜色吧</div>
</body>
</html>

素材详情
用户评论
相关文章

_：

选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。

*：

选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高

\9：

选择IE6+

\0：

选择IE8+和Opera

[;property:value;];：

选择webkit核心浏览器（Chrome,Safari）。IE7及以下也能识别。中括号内外的3个分号必须保留，第一个分号前可以是任意规则或任意多个规则

[;color:#f00;]; 与 [color:#f00;color:#f00;]; 与 [margin:0;padding:0;color:#f00;]; 是等价的。生效的始终是中括号内的最后一条规则，所以通常选用第一种写法最为简洁。

* 上述Hack均需运行在标准模式下，若在怪异模式下运行，这些Hack将会被不同版本的IE相互识别，导致失效。
最新评论

验证码:

菜单/ Menu

热门下载/ HOT