在網頁設計中,隱藏元素并在懸浮時顯示成為了一種常見的效果,代碼如下:
.hidden { display: none; } .hoverable:hover .hidden { display: block; }
在這里,我們定義了一個CSS的class樣式叫做“hidden”,設置了display屬性為“none”,這意味著在默認情況下該元素會被隱藏起來。另一個class樣式叫做“hoverable”,我們在其上應用:hover偽類,用于觸發懸浮事件。當鼠標懸浮到具有該class樣式的元素上時,所有class樣式為“hidden”的子元素的display屬性將變為“block”,也就是顯示出來。
需要注意的是,此方法只適用于隱藏/顯示標準流元素,而且不會影響頁面上的布局。因此這是一種非常優雅的實現方式。
上一篇mysql 超出索引
下一篇mysql 資產負債表