如何用hover配合(纯css)position实现网页动态展示效果是一些新手朋友经常遇到问题，接下来将详细介绍，需要了解的朋友可以参考下

如上网页效果用js很容易实现，但用纯css实现此动态功能，意在加深对hover和position定位的理解。与大家分享，欢迎指正。 可以看到，这种效果底层是a标签，hover状态中凭空弹出一个解释框，我们称为元素2。那么要想让元素2实现弹出效果而且不影响底层a标签的排布，显然应该用相对定位。因此确立了hover配合position的基本方法。我们以a标签为相对定位的基准，代码如下： css 复制代码代码如下: a{ display:block; height:30px; width:30px;