CSS Transparency trên toàn bộ các trình duyệt

Trong bài viết ” hiển thị ảnh PNG trên IE” chúng tôi đã đề cập đến vấn đề làm sao để transparent toàn bộ ảnh PNG trong Website trên IE. Trong bài viết này chúng ta sẽ đề cập đề cập đến vấn đề làm cho transparent background của một thẻ nào đó mà chúng ta muốn. Mặt khác trong kỹ thuật này chúng ta đơn thuần dùng kỹ thuật trong CSS. Chúng ta sẽ áp dụng các thuộc tính sau cho một phần tử HTML nào đó muốn transparent.
Trong bài viết ” hiển thị ảnh PNG trên IE” chúng tôi đã đề cập đến vấn đề làm sao để transparent toàn bộ ảnh PNG trong Website trên IE. Trong bài viết này chúng ta sẽ đề cập đề cập đến vấn đề làm cho transparent background của một thẻ nào đó mà chúng ta muốn. Mặt khác trong kỹ thuật này chúng ta đơn thuần dùng kỹ thuật trong CSS. Chúng ta sẽ áp dụng các thuộc tính sau cho một phần tử HTML nào đó muốn transparent.

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

opacity: 0.5; Đây là một thuộc tính rất quan trọng bởi nó là một thuộc tính chuẩn của CSS. Nó sẽ làm việc trên hầu hết các phiên bản của Firefox, Opera và Safari. Thuộc tính trên rất cần thiết cho những trình duyệt hỗ trợ các thuộc tính chuẩn của CSS.
filter:alpha(opacity=50); Thuộc tính trên được dùng cho IE.
-moz-opacity:0.5; Nó cần thiết cho các phiên bản cũ của Mozilla cũng như Netscape Navigator.
-khtml-opacity: 0.5; Được dùng cho phiên bản cũ của Safari (1.x).