Сделайте 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>

Вот код:

<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

Вместо непрозрачности можно использовать цвета rgba с последним значением 0, например, rgba (255,255,255,0).Насколько я понимаю, непрозрачность наследуется, а значения rgba - нет.