opacity层叠问题

使用了position属性值为 absolute、relative 的层,将会比普通层更高层次。使用了小于1的opacity属性的层,也比普通层更高层次并且和指定 position 的层同层,但是不支持 z-index 属性,所以指定 position 的层,可以使用 z-index 属性,来覆盖带有小于1的 opacity 属性的层。

想法:可以使用position:relative 来覆盖opacity小于的元素。

避免:尽量避免在下拉菜单使用透明度,可改用更换颜色的形式。

posted @ 2019-09-02 11:37  泽能  阅读(205)  评论(0编辑  收藏  举报