如上網頁效果用js很容易實現，但用純css實現此動態功能，意在加深對hover和position定位的理解。與大家分享，歡迎指正。

可以看到，這種效果底層是a標簽，hover狀態中憑空彈出一個解釋框，我們稱為元素2。那么要想讓元素2實現彈出效果而且不影響底層a標簽的排布，顯然應該用相對定位。因此確立了hover配合position的基本方法。我們以a標簽為相對定位的基準，代碼如下：

css

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表