Độ mờ của trình duyệt chéo - Thủ thuật CSS

Anonim

Ngày nay, bạn thực sự không phải lo lắng về độ mờ là một điều khó khăn trên nhiều trình duyệt. Bạn chỉ cần sử dụng thuộc tính opacity, như sau:

.thing ( opacity: 0.5; )

0 là hoàn toàn trong suốt (sẽ hoàn toàn không hiển thị, như khả năng hiển thị: hidden;) và 1 là hoàn toàn không trong suốt (mặc định). Bất cứ điều gì ở giữa là một phần trong suốt.

Vì lý do lịch sử, đây là cách chúng tôi thường làm:

.transparent_class ( /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; )