1.display:none;既缺陷
* 搜索引擎可能認為被隱藏既文字屬於垃圾資訊而被忽略,黎自SEO Mistakes: Unwise comments
* 螢幕閱讀器(設計係為視覺上有障礙既人設計的讀取螢幕內容的程式)會忽略被隱藏既文字。
2. visibility: hidden ;的缺陷
呢個大家應該會比較熟悉就係隱藏既內容會佔據他所應該佔據物理空間
3.overflow:hidden;一個比較合理的方法
程式代碼
.texthidden
{
display:block;/*統一轉化為塊級元素*/
overflow: hidden;
width: 0;
height: 0;
}
就似上面果段CSS所展示既方法,將寬度和高度設定為0,然後超過部分隱藏,就會彌補上述一、二方法中既缺陷,也達到了隱藏內容的目的
全站熱搜
留言列表