用hover配合(纯css)position实现网页动态展示效果

如上网页效果用js很容易实现，但用纯css实现此动态功能，意在加深对hover和position定位的理解。与大家分享，欢迎指正。

可以看到，这种效果底层是a标签，hover状态中凭空弹出一个解释框，我们称为元素2。那么要想让元素2实现弹出效果而且不影响底层a标签的排布，显然应该用相对定位。因此确立了hover配合position的基本方法。我们以a标签为相对定位的基准，代码如下：

css

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表