Tạo CSS chỉ chạy trên trình duyệt IE theo http://www.viethost.net/

Khi lập trình website, việc tạo CSS chỉ chạy trên trình duyệt Internet Explorer là cần thiết.
Có hai cách để làm việc trên

  1. Viết một file css cho từng ie, trong thẻ <head> kiểm tra phiên bản ie tương ứng để chạy
  2. Hack css theo từng phiên bản ie
Cách một:
Viết một file css cho từng ie, trong thẻ <head> kiểm tra phiên bản ie tương ứng để chạy
  • Tất cả phiên bản ie
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
  • Chạy với các trình duyệt khác, trừ trình duyệt ie
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
  • Chỉ chạy trên ie6
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
  • Chỉ chạy trên ie7
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

Chúng ta có thể kết hợp gt (greater than), gte (greater than or equal), lt (less than), lte (less than or equal)
VD: chỉ chạy trên các trình duyệt từ ie7 trở về sau
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

Cách hai: Hack css theo từng phiên bản ie
  • Chỉ chạy trên ie6: thêm "* html " trước khối css mà bạn định nghĩa
* html #div {
height: 500px;
}
  • Chỉ chạy trên ie7: thêm "*+html " trước khối css mà bạn định nghĩa
*+html #div {
height: 500px;
}
  • Chỉ chạy trên ie8
#div {
height: 500px\0/;
}
  • Không cho chạy trên ie6 và các phiên bản ie về trước
html > body #div {
height: 500px;
}

Nhận xét

  1. If you are looking for an excellent contextual advertising company, I suggest you take a peek at Chitika.

    Trả lờiXóa

Đăng nhận xét

Bài đăng phổ biến từ blog này

Khôi phục phân vùng ổ cứng do ghost nhầm theo Hieuit.net

Cách sử dụng 2 phương thức [httppost] và [httpget] trong MVC theo https://dzungdt.wordpress.com

MVC định dạng tiền tệ vnđ - Format currency vnd in MVC