Style riêng cho Internet Explorer

Chắc hẳn những ai học làm web đều rất vất vả vì chú IE (Internet Explorer) này . Khi viết HTML&CSS chúng ta viết rất đúng và không hiểu tại sao IE lại không hiển thị được . Và chính tôi cũng vậy , fix đủ thử để làm sao chạy tốt trên IE và 1 số trình duyệt khác . Có thể nói các trình duyệt mới bây giờ đều hỗ trợ rất tốt HTML&CSS. Nhưng chú IE thì vẫn vậy , vì nó được tích hợp sẵn với hệ điều hành và ko tự update được. Do vậy, nó làm khổ anh em làm web rất nhiều , theo mình nghĩ thế

Để khắc phục được điều này thì chúng ta chỉ cần viết các “Conditional comments” để nhận biết  trình duyệt IE .

Cấu trúc của nó không khác gì Comments của HTML :

<!--[if IE 6]>
	Các style và script dành riêng cho IE 6
<![endif]-->

Dòng code trên để chỉ cho trình duyệt biết đây là các style và script dành cho IE 6 . Nó cũng khá đơn giản và dễ nhớ phải không .
Và đây là 1 số “Conditional comments” khác :

<!--[if IE]>
	Bạn đang sử dụng Internet Explorer
<![endif]-->

<!--[if IE 5]>
	Các style và script dành riêng cho IE 5
<![endif]-->

<!--[if IE 5.0]>
	Các style và script dành riêng cho IE 5.0
<![endif]-->

<!--[if IE 5.5]>
	Các style và script dành riêng cho IE 5.5
<![endif]-->

<!--[if IE 6]>
	Các style và script dành riêng cho IE 6
<![endif]-->

<!--[if IE 7]>
	Các style và script dành riêng cho IE 7
<![endif]-->

<!--[if gte IE 5]>
	Các style và script dành riêng cho IE 5 và về sau
<![endif]-->

<!--[if lt IE 6]>
	Các style và script dành riêng cho Internet Explorer phiên bản thấp hơn 6
<![endif]-->

<!--[if lte IE 5.5]>
	Các style và script dành riêng cho Internet Explorer phiên bản thấp hơn hoặc bằng  5.5
<![endif]-->

<!--[if gt IE 6]>
	Các style và script dành riêng cho Internet Explorer phiên bản lớn hơn 6
<![endif]-->

Như vậy là chúng ta có thể làm chủ được IE rồi phải ko ? Tuy hơi vất vả 1 chút nhưng thành quả mang lại cũng xứng đáng đó chứ