google-chrome - Chrome Border-Radius 和 Opacity 存在错误？

Question

谁能帮我解决这个问题，我做了一个jsfiddle来说明我的问题...

当我尝试添加时

opacity: 0.6;

上课

.menuitem {}

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

提前致谢

编辑:将 border-radius 应用于 .mask 元素的原因是子 div .menuitem 在 jQuery 中设置了 marginTop 动画以在鼠标悬停时向下滑动。这意味着要在这些元素上设置圆 Angular ，它需要照原样从圆形 mask 下方通过。

希望这是有道理的..

Answer 1

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

背景颜色:rgba(0, 0, 0, 0.6);

http://jsfiddle.net/tRzc6/9/