应用定位、过渡、鼠标悬停做简单的动态效果

来源:互联网 发布:淘宝商家退款怎么弄 编辑:程序博客网 时间:2024/06/06 01:30

第一种:先将要显示的内容利用定位定位到在父元素显示位置以外,再应用过渡overfloat设置隐藏hidden将显示内容隐藏起来,接着在鼠标悬停时设置显示的位置即可。

第二种:先将要显示的内容利用定位定位到在父元素显示位置,再应用z-indext在要显示的内容设置为-1进行隐藏,最后在鼠标悬停时再应用z-index设置为1显示即可。

0 0
原创粉丝点击