书签分享收藏举报版权申诉 / 19

立即下载加入VIP,免费下载

当前位置：首页 > 农林牧渔 > 林学 > csshack用法.docx

csshack用法.docx

文档编号：14822467
上传时间：2023-06-27
格式：DOCX
页数：19
大小：21.01KB

csshack用法.docx

《csshack用法.docx》由会员分享，可在线阅读，更多相关《csshack用法.docx（19页珍藏版）》请在冰点文库上搜索。

csshack用法.docx

csshack用法

1ifhack

DOCTYPEhtml>

IfHack

--

描述：

-->

--[iflteIE8]>

[endif]-->

条件Hack

语法：

<!
--[if<keywords>?
IE<version>?
]>
HTML代码块
<![endif]-->

取值：

if条件共包含6种选择方式：

是否、大于、大于或等于、小于、小于或等于、非指定版本

是否：

指定是否IE或IE某个版本。

关键字：

空

大于：

选择大于指定版本的IE版本。

关键字：

gt（greaterthan）

大于或等于：

选择大于或等于指定版本的IE版本。

关键字：

gte（greaterthanorequal）

小于：

选择小于指定版本的IE版本。

关键字：

lt（lessthan）

小于或等于：

选择小于或等于指定版本的IE版本。

关键字：

lte（lessthanorequal）

非指定版本：

选择除指定版本外的所有IE版本。

关键字：

!

目前的常用IE版本为6.0及以上，推荐酌情忽略低版本，把精力花在为使用高级浏览器的用户提供更好的体验上

说明：

用于选择IE浏览器及IE的不同版本

if条件Hack是HTML级别的（包含但不仅是CSS的Hack，可以选择任何HTML代码块）

如不想在非IE中看到某区域，可这样写：

<!
--[ifIE]>
<p>你在非IE中将看不到我的身影</p>
<![endif]-->

上述p代码块，将只在IE中可见。

if条件6种选择方式的使用示例（下述代码中被条件注释包含的HTML代码块也可以是link标记）：

是否，示例代码：

<!
--[ifIE]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，只有IE浏览，才能看到应用了test类的元素是红色文本。

大于，示例代码：

<!
--[ifgtIE6]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，只有IE6以上，才能看到应用了test类的元素是红色文本。

大于或等于，示例代码：

<!
--[ifgteIE6]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，只有IE6以上（含IE6），才能看到应用了test类的元素是红色文本。

小于，示例代码：

<!
--[ifltIE7]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，只有IE7以下，才能看到应用了test类的元素是红色文本。

小于或等于，示例代码：

<!
--[iflteIE7]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，只有IE7以下（含IE7），才能看到应用了test类的元素是红色文本。

非指定版本，示例代码：

<!
--[if!
IE7]>
<style>
.test{color:
red;}
</style>
<![endif]-->

在上述代码中，除IE7以外的IE版本，都能看到应用了test类的元素是红色文本。

2if-hack

DOCTYPEhtml>

if条件Hack

body{

background-color:

deepskyblue;

}

/*

*

--

描述：

用于选择IE浏览器及IE的不同版本

if条件Hack是HTML级别的（包含但不仅是CSS的Hack，可以选择任何HTML代码块）。

语法：

--[if?

IE?

]>

HTML代码块

[endif]-->取值：

if条件共包含6种选择方式：

是否、大于、大于或等于、小于、小于或等于、非指定版本

是否：

指定是否IE或IE某个版本。

关键字：

空

大于：

选择大于指定版本的IE版本。

关键字：

gt（greaterthan）

大于或等于：

选择大于或等于指定版本的IE版本。

关键字：

gte（greaterthanorequal）

小于：

选择小于指定版本的IE版本。

关键字：

lt（lessthan）

小于或等于：

选择小于或等于指定版本的IE版本。

关键字：

lte（lessthanorequal）

非指定版本：

选择除指定版本外的所有IE版本。

关键字：

!

目前的常用IE版本为6.0及以上，推荐酌情忽略低版本，把精力花在为使用高级浏览器的用户提供更好的体验上

说明：

如不想在非IE中看到某区域，可这样写：

--[ifIE]>

你在非IE中将看不到我的身影

[endif]-->上述p代码块，将只在IE中可见。

**/

--[ifIE]>

[endif]-->

--[ifIE5]>

[endif]-->

--[ifIE6]>

[endif]-->

--[ifIE7]>

[endif]-->

--[ifIE8]>

[endif]-->

--[ifIE9]>

[endif]-->

您正在使用

非IE

IE

5

6

7

8

9浏览器

3propertyhack

DOCTYPEhtml>

PropertiesLevelHack

--

描述：

属性hack。

-->

--[iflteIE8]>

[endif]-->

属性Hack

CSS内部属性级Hack

语法：

selector{<hack>?

property:

value<hack>?

;}

取值：

_：

选择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;];是等价的。

生效的始终是中括号内的最后一条规则，所以通常选用第一种写法最为简洁。

说明：

选择不同的浏览器及版本

尽可能减少对CSSHack的使用。
Hack有风险，使用需谨慎

通常如未作特别说明，本文档所有的代码和示例的默认运行环境都为标准模式。

一些CSSHack由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。
如下面这个例子：
如想同一段文字在IE6,7,8显示为不同颜色，可这样写：
```
.test{
color:
#090\9;/*ForIE8+*/
*color:
#f00;/*ForIE7andearlier*/
_color:
#ff0;/*ForIE6andearlier*/}
```
*上述Hack均需运行在标准模式下，若在怪异模式下运行，这些Hack将会被不同版本的IE相互识别，导致失效。

关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

经营许可证编号:鄂ICP备19020893号-2

csshack用法.docx

热门标签