浏览器隐藏CSS元素列表

@import 方式

注意： @import 方式必须在样式表中最先使用

(更多信息： <http://css.nu/pointers/point-tip.html>)

url() 引用

@import url("css/hide1a.css");

这句话应该显示为红色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Win IE 3
• Win IE 4 (not 4.72)
• Mac IE 4.01
• Mac IE 4.5
• Konqueror 2.1.2
• Win Amaya 5.1

url() 引用

@import url(css/hide1b.css);

这句话应该显示为蓝色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Win IE 3
• Win IE 4 (仅在与HTML目录相同时读取CSS) (不包括 4.72)

url() 引用

@import url(css/hide1b.css) screen;

这句话应该显示为蓝色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Win IE 6 and below

url() 之外

@import "css/hide2.css";

这句话应该显示为绿色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Win IE 4 and lower
• Mac IE 4.01
• Konqueror 2.1.2

媒体属性

Netscape 4 仅认可 media="screen" 样式。

(更多信息：<http://css.nu/pointers/liam-tip.html>)

<link href="hide3a.css" type="text/css" rel="stylesheet" media="all"/>

这句话应该显示为蓝色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x

@media

这个方式被 Jukka Korpela 支持。

CSS:  @media all {  ... /* stylesheet rules here */  }

这句话应该显示为红色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Mac IE 4.01
• Mac IE 5.0
• Win IE 4
• Konqueror 3.0

comment bug

在选择器后面插入一个注释 (''/* */'')

#commentImmediatelyAfterSelector/* */ { color: #f00; }

这句话应该显示为红色。

在下列浏览器中该方式CSS将不可显示:

• Win IE 5 and lower
• Mac IE 4.01
• Mac IE 5

属性选择器

(更多信息： <http://www.divhome.com/#.w3.org/TR/REC-CSS2/selector.html#attribute-selectors>)

p[id] { color: #0f0; }

这句话应该显示为绿色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Mac IE 4.01
• Mac IE 5
• Win IE 6 and lower
• Mac iCab 2.51
• Win Opera 3.60
• Win Amaya 5.1

不幸的是 iCab 假如不在这里遵从 [id] 。而这个选择器是 p[id] iCab 每次读到 P 都会是绿色 :-(

子元素选择器

注意： 不能被 ''>''包围去使用这个 bug 作为隐藏CSS元素的方法。

(更多信息：<http://tantek.com/CSS/Examples/boxmodelhack.html>, <http://www.divhome.com/#.w3.org/TR/REC-CSS2/selector.html#child-selectors>)

p>span { color: #00f; }

这句话应该显示为蓝色。

在下列浏览器中该方式CSS将不可显示:

• Mac iCab 2.51
• Netscape 4.x
• Mac IE 4.01
• Mac IE 4.5
• Win IE 6 and lower
• Win Amaya 5.1

盒模型黑客程序

(更多信息： <http://tantek.com/CSS/Examples/boxmodelhack.html>)

这个方法只能使用在连接一些象 NN4 一样的隐藏方法， 因为他会使Netscape 4.x的 JavaScript 出错

p#tantek {  voice-family: "\"}\""; /* some browsers have a parsing bug */     　　　　 　　 /* and will ignore the following rules */  voice-family: inherit;   color: #f00; }  

这句话应该显示为红色。

在下列浏览器中该方式CSS将不可显示:

• Netscape 4.x
• Mac IE 4.5 and lower
• Win IE 5.5 and lower
• Win Amaya 5.1