中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

兼容性：

優(yōu)點(diǎn)：

• 兼容性好
• 超鏈接和圖片替代文本可用

缺點(diǎn)：

• 使用限制較大，需要定寬高
• 多一丁點(diǎn)：前置背景遮擋

代碼片段：

(x)HTML

<!-- 在css無效和css有效圖片無效都適用 -->
<a class="hide_bg" href="#"><span
class="front_bg"></span>我是可訪問性的化身</a>

CSS

.hide_bg{ 
width:200px; 
height:20px; 
position:relative; 
display:block;/* 行內(nèi)元素需要 */
} 
.hide_bg .front_bg{ 
background:url('bg_text.png') no-repeat; /* 背景內(nèi)容等于或大于容器大小 */
position:absolute; /* 絕對定位，不影響文本 */
left:0px; 
top:0px; 
width:200px;/* 與父元素等寬高 */
height:20px; 
display:block; 
/* cursor:pointer; ie6和鏈接需要用 */
}

兼容性：

優(yōu)點(diǎn)：

• 兼容性好
• 超鏈接和圖片替代文本可用
• 可訪問性強(qiáng)

缺點(diǎn)：

• 使用限制較大，需要定寬高
• 代碼冗余，需要空標(biāo)簽
• 另辟蹊徑：content:”"

代碼片段：

(x)HTML

<!--只有opera支持，按定義只能用在:before 和:after-->
<a class="hide_ct" href="#">也許我才是最合適的，誰知道呢，內(nèi)容表現(xiàn)分離。只有opera支持</a>

CSS

.hide_ct{ content:&quot;&quot;; }

兼容性：

優(yōu)點(diǎn)：

• 簡單

缺點(diǎn)：

• 內(nèi)容樣式分離
• 不實(shí)用

原文：http://caib.me/hide-text/

本文鏈接：http://m.95time.cn/tech/web/2010/7686.asp　

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 { hide_text } CSS文字隱藏總結(jié)報(bào)告 [3] 下一頁

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。