hidden屬性兼容老瀏覽器的方法

當一個網頁元素有了hidden屬性後,它的表現跟CSS的display: none;作用非常相似,元素將會消失,而且不佔用任何頁面空間。寫法很簡單:

代碼如下:

<div hidden="hidden">You can't see me!</div>

如果你使用的是老式瀏覽器,不支持這個屬性,你可以在CSS裏添加下面的代碼來支持它::

代碼如下:

*[hidden] { display: none; }

那麼,爲什麼要用hidden屬性呢?意義在於語義上更有意義,對代碼的可讀性有提升。而且相對於CSS裏的display:none,字面上更簡單!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章