Nhắm mục tiêu IE8 với các nhận xét có điều kiện có hoạt động không?

Question

Khi IE8 được phát hành, mã sau có hoạt động để thêm biểu định kiểu có điều kiện không?

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie-8.0.css" /> 
<![endif]--> 

Tôi đã đọc báo cáo xung đột về việc liệu điều này có hoạt động với bản beta hay không. Tôi hy vọng ai đó có thể chia sẻ kinh nghiệm của họ. Cảm ơn.

Answer 1

Nó làm việc cho tôi - cả ở chế độ quirks và ở chế độ tuân thủ tiêu chuẩn. Tuy nhiên, nó không hoạt động khi chuyển sang chế độ tương thích IE8.

Answer 2

Một điều cần lưu ý:

Nó không làm việc, NHƯNG nếu bạn đang tải trang/trang web mạng nội bộ (ví dụ Intranet) nó sẽ được tải trong IE7 chế độ theo mặc định! (cập nhật - localhost [*] là một trường hợp đặc biệt, đó không render trong chế độ tiêu chuẩn)

này đi ngược lại tuyên bố ban đầu của MSFT đi TIÊU CHUẨN theo mặc định.

ví dụ:

http://127.0.0.1/mysite/mypage.php <-- IE8 by default (updated!) 
http://localhost/mysite/mypage.php <-- IE8 by default (updated!) 
http://machinename/mysite/mypage.php <-- IE7 by default 
http://192.168.100.x/mysite/mypage.php <-- IE7 by default 
http://google.com/ <-- IE8 by default 

[*] - Scott Dickens [MSFT] ghi nhận trong một chú thích here on the IE Blog rằng localhost là một kịch bản đặc biệt trong Intranet (thường được sử dụng để phát triển các trang web Internet) do đó sẽ làm cho trong chế độ tiêu chuẩn theo mặc định.

Để kiểm tra chế độ gì một trang trong IE8 được thực sự render nhập, bạn có thể sử dụng kiểm tra các công cụ nhà phát triển hoặc sử dụng mã bookmarklet này (chỉ hoạt động trong IE8):

javascript: 
var vMode=document.documentMode; 
var rMode='IE5 Quirks Mode'; 
if(vMode==8){ 
    rMode='IE8 Standards Mode'; 
} else if(vMode==7){ 
    rMode='IE7 Strict Mode'; 
} 
alert('Rendering in: '+rMode); 

Answer 3

Tools/tương thích các thiết lập xem

bỏ chọn tất cả

Answer 4

Cảm ơn sự giúp đỡ của bạn. Tôi đã phát hiện ra giải pháp, dường như vấn đề là có mỗi tờ định kiểu sử dụng thuộc tính tiêu đề của riêng nó. Một khi tôi đã lấy danh hiệu ra khỏi tất cả nhưng tấm phong cách chính, không có prob.

Đây là một vấn đề lạ đối với IE8 - và mặc dù tôi đã được bảo rằng nó hoạt động theo cách đó, một việc cần làm với "Tùy chọn biểu định kiểu" - nó chỉ phục vụ để tạo sự cố vì giải pháp yêu cầu bạn xóa tiêu đề điều này có thể hữu ích khi viết kịch bản, v.v. - khi bạn cần gọi cho biểu định kiểu.

Trong mọi trường hợp, không chắc đây có phải là lỗi hay không, nhưng tôi hy vọng Microsoft sẽ nghiên cứu thêm.

Cảm ơn

Answer 5

Tại sao thậm chí bận tâm viết biểu định kiểu riêng cho IE8?

Nếu bạn đã gỡ lỗi cho IE7, bạn có thể buộc IE8 vào chế độ tương thích, và do đó hiển thị mã của bạn như thể IE8 là IE7.

Tất cả những gì bạn phải làm là đặt RIGHT này DƯỚI ĐÂY. Bất cứ nơi nào khác và nó sẽ không hoạt động.

Và sau đó chỉ mất nửa giờ để làm việc trung bình cho mỗi dự án, không cần gỡ lỗi mãnh liệt cho IE8!

Thậm chí Msn.com thực hiện điều này - loại mỉa mai, eh?

Đã viết một bài blog về nó thời gian gần đây: http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/

Answer 6

IE8 render khá đẹp so với IE7, tôi có stylesheets cho IE6, IE7 và IE8; lúc đầu tôi nghĩ rằng các bình luận có điều kiện không hoạt động cho IE8 sau một chút thử nghiệm, tôi đã tìm thấy một số quy tắc không được áp dụng bởi IE8 chỉ vì tôi cần phải đặt tổ tiên hoặc lớp cha trước, ví dụ: tôi đã có một lớp như

.niceclass {some:properties;more:properties;}

nó làm việc chỉ nếu tôi thay đổi nó cho một cái gì đó như:

.parentclass .niceclass {some:properties;more:properties;}hay

#parentselector .niceclass {some:properties;more:properties;}

btw trong IE8- của tôi chỉ css tôi chỉ có một quy tắc ghi đè, phần còn lại được hiển thị ost như firefox, mặc dù thats không làm cho tôi rời FF anyway.

Answer 7

Về phần mình, tôi muốn sử dụng đường viền tròn bằng css. IE8 trên Vista không hỗ trợ như vậy. Và kể từ khi đồ họa được như vậy mà các biên giới tròn sẽ hiển thị một bóng tròn đẹp là tốt, trang trông khủng khiếp trong IE8.

Tôi đã thử sử dụng các nhận xét có điều kiện, nhưng vô ích, IE8 sẽ không đánh giá biểu thức IE và do đó sẽ không bao gồm biểu định kiểu bên ngoài.

Sau đó, tôi đã xem xét việc đưa nó vào chế độ đồng bộ/tương thích, tuy nhiên, điều này vẫn không hoạt động như CSS hacks tôi đã sử dụng đã không còn hoạt động cho IE8 nữa.

Cuối cùng nhưng ít nhất tôi đã tìm thấy một bản hack CSS hoạt động sẽ làm cho trang chính xác khi ở chế độ tương thích.

* + html #test[id] { color:lime } 

Bây giờ, tôi không biết nếu điều này làm việc cho IE7 hoặc thấp hơn, do đó bạn sẽ có ít nhất ba hacks khác nhau cho mỗi IE phát hành bạn muốn hỗ trợ, e.e.

* + html #test, 
    html+body #test, 
    * html body #test 
    { color:lime } 

Tôi tự hỏi hồi quy tiếp theo của Người khai thác Internet sẽ là gì đối với chúng tôi.