CSS3窍门:隐藏文本_HTML5中文网 - 我们以促进HTML5在中国的普及而努力
2014-01-10 12:54:55
[小 大]
已经帮助：人解决问题
下面是一个非常酷的CSS 3隐藏文字信息的把戏。我们将使用的::selection定义文字的颜色。而 ::selection选择的声明是一种新的工具，在CSS 3中Internet Explorer还不能支持。当你选中网页中的文字时可以改变默认的蓝色。具体可以这样实现：
- p::selection { background: #f00; }
- p::-moz-selection { background: #f00; }
::-moz-selection 只支持FireFox,当你选择上面的任何段落背景颜色将变为红色，我们又怎能使用隐藏文本呢？呵呵，很容易，只需更改字体的颜色和文字颜色，是对非重要的文字相同，使用对比的单词，你要显示的颜色。为了区别隐藏的话，包装在一个<span>标记它们。
(责任编辑：admin)
- <p>These are the words I want to hide.
- <span>And these are the words I want to show</span></p>
- p::selection { background:#000;color:#000; }
- p::-moz-selection { background:#000;color:#000; }
- p span::selection { background:#fff;color:#000; }
- p span::-moz-selection { background:#fff;color:#000; }
（责任编辑：）
