Chrome 边框半径和不透明度存在错误？答案

【问题标题】：Chrome Border-Radius and Opacity poss bug?Chrome 边框半径和不透明度存在错误？
【发布时间】：2012-11-17 17:09:35
【问题描述】：

谁能帮我解决这个问题，我已经发了jsfiddle 来说明我的问题...

当我尝试添加时

opacity: 0.6;

到班级

.menuitem {}

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

提前致谢

编辑：将边框半径应用于 .mask 元素的原因是子 div .menuitem 是 jQuery 中的 marginTop 动画以在鼠标悬停时向下滑动。这意味着在这些项目上具有圆角，它需要通过圆角蒙版下方。

希望这是有道理的..

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

感谢您的快速响应，但是，在实际代码中，我使用的是背景图像，我还希望将不透明度应用于 div 内的所有内容。有什么想法吗？
hmmm...好吧，如果你这样做jsfiddle.net/tRzc6/10它会在顶部循环.menuitem，只是因为隐藏的溢出，它可能与此有关吗？我不太确定。
我已经更新了我的问题，以更好地解释我为什么这样做，并且我不能将边框半径应用于菜单项本身，
您的问题确实有道理，我完全不知道是什么原因造成的。我怀疑这是一个小故障。