Question

任何人都可以帮助我，我已经jsfiddle说明了我的问题......

当我尝试添加

时

opacity: 0.6;

到班级

.menuitem {}

border-radius不再适用...使用jsfiddle，尝试删除不透明度并重新运行它你会明白我的意思。这是一个错误还是我错过了什么？问题似乎只出现在Chrome中，但也可能出现在Safari中。

提前致谢

编辑：将border-radius应用于.mask元素背后的原因是子divs .menuitem是jQuery中的marginTop动画，以便在鼠标悬停时向下滑动。这意味着要在这些项目上设置圆角，它需要在圆形蒙版下方通过。

希望这有道理..

Answer 1

使用rgba设置背景不透明度：

background-color: rgba(0, 0, 0, 0.6);