效果:鼠标移动到当前层,显示出另一个隐藏的层 逻辑:设置两个层在同一个位置,隐藏层设置属性display:none;,鼠标移动上去设置伪类元素属性display:block; 设置位置的时候,可以先设置所在的外层为相对位置,相当于固定个盒子,里面层设置绝对位置,这个绝对位置就是相对于刚设置的盒子的位置,利用top ,left进行位置固定。 HTML代码: |
层的隐藏
最新推荐文章于 2023-05-04 00:20:41 发布
效果:鼠标移动到当前层,显示出另一个隐藏的层 逻辑:设置两个层在同一个位置,隐藏层设置属性display:none;,鼠标移动上去设置伪类元素属性display:block; 设置位置的时候,可以先设置所在的外层为相对位置,相当于固定个盒子,里面层设置绝对位置,这个绝对位置就是相对于刚设置的盒子的位置,利用top ,left进行位置固定。 HTML代码: |