Hack技巧之属性级hack

最新推荐文章于 2022-07-19 16:06:31 发布

Daisukes

最新推荐文章于 2022-07-19 16:06:31 发布

阅读量731

点赞数

分类专栏： Hack 文章标签： css

本文链接：https://blog.csdn.net/Daisukes/article/details/52870124

版权

Hack 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

语法：

selector{<hack>?property:value<hack>?;}

取值：

_：

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

*：

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

\9：

选择IE6+

\0：

选择IE8+和Opera15以下的浏览器

说明：

选择不同的浏览器及版本

尽可能减少对CSS Hack的使用。Hack有风险，使用需谨慎
通常如未作特别说明，本文档所有的代码和示例的默认运行环境都为标准模式。
一些CSS Hack由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。如下面这个例子：
如想同一段文字在IE6,7,8显示为不同颜色，可这样写：
```
.test {
	color: #090\9; /* For IE8+ */
	*color: #f00;  /* For IE7 and earlier */
	_color: #ff0;  /* For IE6 and earlier */
}
```
* 上述Hack均需运行在标准模式下，若在怪异模式下运行，这些Hack将会被不同版本的IE相互识别，导致失效。

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>属性级Hack_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
h1 {
	margin: 10px 0;
	font-size: 16px;
}
.test {
	color: #c30;          /* For latest Firefox, chrome, Safari */
	color: #090\0;        /* For Opera15- */
	color: #00f\9;        /* For IE8+ */
	*color: #f00;         /* For IE7 */
	_color: #ff0;         /* For IE6 */
}
</style>
</head>
<body>
<div class="test">在不同浏览器下看看我的颜色吧</div>
</body>
</html>

源站链接：http://www.css88.com/book/css/hack/properties.htm

Daisukes

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Hack技巧之属性级hack

语法：selector{?property:value?;}取值：_：选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。*：选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高\9：选择IE6+\0：选择IE8+和Opera15以下的浏览器说明：选择不同的浏览器及版本
复制链接

扫一扫

专栏目录