使 div 透明但保持边框可见

Question

我有一个气泡形状的 div。这是代码：

<div class="dragThis" id="dragThis">
        <div class="content" id="content">
            <p>
                <asp:Label ID="lblContent" runat="server" Text="Label"></asp:Label>
            </p>
        </div>
        <div class="pointer">
            <div class="one">
            </div>
            <div class="two">
            </div>
        </div>
    </div>

这是 css：

<style type="text/css">



        .dragThis
        {
            width: 400px;
            color: #efefef;
            position: absolute;
        }
        .pointer
        {
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            filter: alpha(opacity=50);
            height: 560px;
        }
        .dragThis .pointer
        {
            height: 35px;
            background: #393939;
        }
        .dragThis .pointer div
        {
            height: 100%;
            background: #ffffff;
        }
        .dragThis .pointer .one
        {
            width: 50%;
            -moz-border-radius-topright: 35px;
            -webkit-border-top-right-radius: 35px;
            float: left;
        }
        .dragThis .pointer .two
        {
            width: 50%;
            float: right;
            -moz-border-radius-topleft: 35px;
            -webkit-border-top-left-radius: 35px;
        }
        .dragThis .content
        {
            padding: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            background: #393939;
            text-align: center;
        }
    </style>

这里的问题如您所见，气泡的下部是 %50 可见。我希望黑色部分 %100 可见，而其他部分都是透明的。

谢谢。

Answer 1

一个有效的例子会很好。

您无法将不透明度分成不同的部分。但是，如果您的元素没有背景，则除了边框之外，它将是透明的。

Answer 2

您可以使用最后一个值为 0 的 rgba 颜色来代替不透明度，例如 rgba(255,255,255,0)。就我而言，不透明度是继承的，但 rgba 值不是。