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);

虽然您可以通过将上面的两个5编辑为任何其他数字来编辑多少，但这样可以使框50％透明。

<强>重叠

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

margin-left: -10px;