CSS: Thuộc tính opacity

Thuộc tính opacity

Cấu trúc

tag { opacity: giá trị;}

Ví dụ

<div class="opaPr">
<div class="below">Thành phần dưới</div>
<div class="above">Thành phần trên</div>
</div>

.opaPr {
    position: relative;
}

.below {
    background: #ccff00;
    height: 100px;
    width: 100px;
}

.above {
    background: #cc0000;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100px;
    opacity: 0.6;
}

Thành phần dưới

Thành phần trên

Ví dụ thực tế