Đặt min-width cho IE6

Như chúng ta đã biết với sự phát triển nhanh chóng của ngành công nghiệp phần cứng, ngày càng có nhiều màn hình có độ phân giải cao. Nó cho phép chúng ta có một không gian làm việc rộng hơn, nhưng đôi khi nó cũng là vấn đề bất cập đối với Website của chúng ta.
Nội dung trích xuất từ tài liệu:
Đặt min-width cho IE6 Đặt min-width cho IE6Như chúng ta đã biết với sự phát triển nhanh chóng của ngành công nghiệpphần cứng, ngày càng có nhiều màn hình có độ phân giải cao. Nó cho phépchúng ta có một không gian làm việc rộng hơn, nhưng đôi khi nó c ũng là vấnđề bất cập đối với Website của chúng ta.Đối với một số Website vẫn thường để chiều ngang là auto theo chiều rộng củamàn hình thì bây gi ờ tôi nghĩ rằng cần có một chút thay đổi nhỏ.Chúng ta chỉ đặt chiều rộng Website của mình auto tới một khoảng nhất định(giả sử rằng tới 1024px,...) thì chúng ta sẽ cố định chiều rộng của nó. Điều đósẽ giúp bạn chủ động hơn trong việc thiết kế giao diện đồ họa của mình, tránhtình trạng Website sẽ bị vỡ khi chiều ngang củ a màn hình quá l ớn.Để thực hiện điều đó chúng ta sẽ sử dụng thuộc tính max-width trong CSS,nhưng có một vẫn đề ở đây đó l à các trình duyệt như Firefox, Opera, Safari,..thì hiểu nhưng riêng IE6 lại không thể hiểu được thuộc tính này.Để có thể thực hiện điều đó trên IE6 chúng ta có một giải pháp là sử dụng câulệnh điều kiện của Javascript và nhúng vào CSS:content { height: 75px; background-color: #000; color: #fff; width: expression(document.body.clientWidth < 742? 740px :document.body.client Width > 1202? 1200px : auto); min-width: 740px; max-width: 1200px;}(ST) CSS Transparency trên toàn bộ các trình duyệtTrong bài viết Hiển thị ảnh PNG trên IE chúng tôi đã đề cập đến vấn đề làmsao để transparent toàn bộ ảnh PNG trong Website trên IE. Trong bài viết nàychúng ta sẽ đề cập đề cập đến vấn đề làm cho transparent background của mộtđối tượng nào đó mà chúng ta muốn. Mặt khác trong kỹ thuật này chúng ta đơnthuầ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 đối t ượng HTML nào đó muốntransparent. view sourceprint?1..transparent_class {2. filter:alpha(opacity=50);3. -moz-opacity:0.5;4. -khtml-opacity: 0.5;5. opacity: 0.5;6.} 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)