Thuộc tính độ mờ kiểu
Thí dụ
Làm cho phần tử DIV trong suốt:
document.getElementById("myDIV").style.opacity = "0.5";
Định nghĩa và Cách sử dụng
Thuộc tính opacity đặt hoặc trả về mức độ mờ của một phần tử.
Mức độ mờ của một phần tử mô tả mức độ trong suốt, trong đó 1 hoàn toàn không phải là chất chuyển tiếp, 0,5 là 50% khả năng nhìn xuyên và 0 là hoàn toàn trong suốt.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Lưu ý: IE8 trở về trước hỗ trợ một giải pháp thay thế, thuộc tính bộ lọc.
Cú pháp
Trả về thuộc tính opacity:
object.style.opacity
Đặt thuộc tính độ mờ:
object.style.opacity = "number|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | 1 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho mức độ mờ của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính opacity
❮ Đối tượng phong cách