[轉] 一個新的，更加具有親和力的CSS隱藏文字方法介紹，來自sonspring.com，說明為什麼現有的幾種CSS隱藏文字的方法的缺陷和新的方法如何彌補。實用性一般，但是這個方法挺新穎的。
搜索引擎可能認為被隱藏的文字屬於垃圾信息而被忽略，來自SEO Mistakes: Unwise comments
屏幕閱讀器（是為視覺上有障礙的人設計的讀取屏幕內容的程序）會忽略被隱藏的文字。
這個大家應該比較熟悉就是隱藏的內容會佔據他所應該佔據物理空間
就像上面的一段CSS所展示的方法，將寬度和高度設定為0，然後超過部分隱藏，就會彌補上述一、二方法中的缺陷，也達到了隱藏內容的目的。
1.display:none;的缺陷
搜索引擎可能認為被隱藏的文字屬於垃圾信息而被忽略，來自SEO Mistakes: Unwise comments
屏幕閱讀器（是為視覺上有障礙的人設計的讀取屏幕內容的程序）會忽略被隱藏的文字。
2. visibility: hidden ;的缺陷
這個大家應該比較熟悉就是隱藏的內容會佔據他所應該佔據物理空間
3.overflow:hidden;一個比較合理的方法
.texthidden
{
display:block;/*統一轉化為塊級元素*/
overflow: hidden;
width: 0;
height: 0;
}
{
display:block;/*統一轉化為塊級元素*/
overflow: hidden;
width: 0;
height: 0;
}
就像上面的一段CSS所展示的方法，將寬度和高度設定為0，然後超過部分隱藏，就會彌補上述一、二方法中的缺陷，也達到了隱藏內容的目的。
全站熱搜
留言列表
