Question

我正在使用jQuery Multi Level CSS Menu #2作为我的一个wordpress主题。

但是当我向主div添加一个CSS3 box-shadow属性时，对于背景框阴影，菜单下拉效果会慢下来，并且不像预期的那样平滑。

但是当我删除时，来自主div的CSS3 box-shadow属性，比菜单下拉效果变得非常流畅。这是我的主要内容：

#main {  background: #fff; margin-top:20px; margin-bottom:0px; -moz-box-shadow: 0 0 10px #000000;
   -webkit-box-shadow: 0 0 10px #000000;
   box-shadow: 0 0 10px #000000;
}

我做错了吗？

Answer 1

动画阴影非常慢，因为它们每次移动时都必须重新计算。如果减少阴影的半径，你会看到性能的提高，即：

-webkit-box-shadow: 0 0 3px #000000;

但是我会丢掉阴影（哈！）并改为使用半透明边框：

 border: solid #ccc 10px; /*for older browsers*/
 border: solid rgba(255,255,255,0.3) 10px; /*transparent border*/

CSS3 box-shadow属性导致菜单下拉平滑

1 个答案: