{}

Tạp chí tiếng Việt dành cho Web Designers.
Thứ Năm ngày 4 Tháng 12 năm 2008
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.

.transparent_class {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
  1. 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.
  2. filter:alpha(opacity=50); Thuộc tính trên được dùng cho IE.
  3. -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.
  4. -khtml-opacity: 0.5; Được dùng cho phiên bản cũ của Safari (1.x).
(Tổng hợp từ http://css-tricks.com)
 

Vài nét về tác giả

Chu Huu Trung Chào tất cả các bạn, tên tôi là Chu Hữu Trung. Thiết kế Web là nghề của tôi, hiện nay tôi đang sống và làm việc tại Hà Nội (Việt Nam). Tôi rất vui khi các bạn ghé thăm cssyeah.com

Free icons

Free icons Với những bộ icon này bạn sẽ làm cho các dự án của bạn thêm sinh động hơn.