css - CSS：带圆角的重叠元素

Question

得到圆角没问题，但是我怎样才能让它们重叠以便我可以看穿？

当前代码：

nav li{
   height: 50px;
   line-height: 50px;
   background: #ccc;
   float:left;
   width: 192px;
   text-align:center;
   border-bottom-right-radius: 25px 25px;
}

Answer 1

不确定您是要不透明度，还是要问如何通过叠加来实现该图像的外观，所以我将同时解决这两个问题。

不透明度

在按钮的类上设置它。

opacity:0.5;
filter:alpha(opacity=50);

这将使盒子 50% 透明，尽管您可以通过将上面的两个 5 编辑为任何其他数字来编辑多少。

覆盖

给按钮的类一个负的左边距。这将使它们看起来像您发布的图像中的样子（假设这是您想要的，而不是您已经拥有的）。将 -10 更改为任何其他数字以满足您对它们间距的需求（试验和错误以测试间距）。

margin-left: -10px;