0

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

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

但是当我从主 div 中删除 CSS3 box-shadow 属性时，菜单下拉效果变得非常平滑。这是我的主要 div：

#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;
}

难道我做错了什么？

4

1 回答 1

0

动画阴影非常慢，因为每次移动时都必须重新计算。如果您减小投影的半径，您将看到性能提升，即：

-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*/
于 2011-01-13T13:05:13.667 回答