ul列表中列表项hover蒙层尺寸和位置兼容性问题
对于ul列表中,经常要求鼠标以上列表项着重显示,此时可以选择使用蒙层的方式,如图:
可以采用添加一个蒙层的div,设置其display:none,背景颜色以及透明度,当li:hover时,让其显示。在这个过程中,为了使蒙层显示在文字上方,需要定义pisotion:absolute以及大于列表项z-index的值。
然而,由于屏幕分辨率的问题,使用绝对定位将会造成位置显示错乱。
原创
2017-09-05 14:53:16 ·
694 阅读 ·
0 评论