2012-01-23 7 views
5

Điều này khiến tôi phát điên. Dưới đây là một số HTML và CSS mà tôi có trên một trang mẫu. Ý định đầu tiên là có LI mà không có bất kỳ dấu hiệu nào. Tôi đã thử tất cả mọi thứ tôi có thể, nhưng các mục danh sách sẽ hiển thị với dấu thập phân chuẩn. Tôi đã sử dụng công cụ phát triển đi kèm với IE9 để kiểm tra các phần tử UL và LI. Dường như IE không nhận ra lớp css "recentAnnouncementsList" nào cả. Các yếu tố này không hiển thị kiểu được áp dụng trên đó. Toàn bộ thiết lập này hoạt động hoàn hảo trên Chrome. Tôi đang thiếu gì?Kiểu CSS không được nhận dạng trong IE9

Cảm ơn

ul.recentAnnouncementsList 
{ 
    margin-left: 0px; 
    padding-left: 5px; 
} 

ul.recentAnnouncementsList li 
{ 
    margin-left: 0px; 
    padding-bottom: 5px; 
    list-style-type:none; 
} 

ul.recentAnnouncementsList li a{ 
    color:#675DF0;text-decoration:none; font-size:0.85em; 
} 

ul.recentAnnouncementsList li span{ 
    display: block; 
    text-indent: 0px; 
    text-transform: none; 
} 

<td> 
<div> 
<ul class="recentAnnouncementsList" id="recentAnnouncements"> 
<li><a href="#">Released 1</a></li> 
<li><a href="#">Release 2</a></li> 
</ul> 
</div> 
</td> 
+0

IE9 không tải phiên bản được lưu trong bộ nhớ cache của biểu định kiểu, phải không? – Chris

+0

Hoạt động tốt ở đây: http://jsfiddle.net/kkqxK/1/ –

+0

Không, không có bảng định kiểu được lưu trong bộ nhớ cache nào được tải. Tôi đã chắc chắn rằng bằng cách thêm một số giá trị giả ở một nơi khác để đảm bảo rằng tôi có thể xác minh nó. – ByteBlocks

Trả lời

6

Cuối cùng tôi có giải quyết vấn đề này. Vấn đề là tôi đã thêm một lớp CSS mới có tên là "container" trong tập tin. Tôi không chắc chắn nếu đây là một số lỗi trong IE và FF, nhưng tập tin CSS đã bị cắt bớt khi bắt đầu phong cách đó. Tôi tìm thấy điều này bằng cách tìm kiếm các công cụ dành cho nhà phát triển cho IE. Khi tôi nhìn vào tập tin được tải trong IE, nó đã không hoàn thành. Tất cả các kiểu của tôi liên quan đến các thẻ UL/LI của tôi đều có mặt sau định nghĩa lớp đó. Sau khi tôi xóa lớp "container" khỏi tệp, mọi thứ đã trở lại bình thường.

Cảm ơn tất cả các đầu vào và đề xuất của bạn.

+0

Hey @ByteBlocks cảm ơn rất nhiều vì điều này. Khi bạn nói rằng bạn đã xem xét CSS của mình trong các công cụ dành cho nhà phát triển, bạn đã tìm chính xác nó ở đâu? Tôi đang tìm trong tab Network dưới Response Body cho CSS và tôi thấy CSS của tôi trong đó, nhưng tự hỏi nếu có một nơi khác để kiểm tra cách thức mà nó thực sự phân tích CSS không chỉ tải xuống thô. – kalenjordan

+1

Dễ nhất sẽ, ngay trên phần tử trong trình duyệt (IE, Chrome) và từ trình đơn ngữ cảnh chọn "Kiểm tra phần tử". Sau đó, bạn sẽ có thể thấy các kiểu đang được áp dụng cho phần tử của bạn. Bất kỳ kiểu nào đang bị ghi đè sẽ hiển thị với một đường thẳng qua nó. Hãy cho tôi biết nếu mô tả này có ích. – ByteBlocks

+0

Tôi đã chiến đấu với IE trong khoảng hai tuần liên tiếp và đây là vấn đề. Chúa ơi, tôi rất vui vì tôi đã tìm thấy điều này! Cảm ơn bạn :) – Volte

2

cho dự án của tôi Tôi đã từng trả lại IE9 như IE8 bằng cách làm cho nó với thẻ meta của html

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 

nên css cùng làm việc cho cả hai

+0

Tôi đang đối mặt với vấn đề này, Tanx dude – VenomVendor

0

IE 6-9 tất cả đều có giới hạn về số lượng bộ chọn được khai báo trong tệp CSS. Tôi giả định rằng các kiểu được khai báo cho .recentAnnouncementsList nằm trên giới hạn và hoàn toàn bị bỏ qua. Có những công cụ được các nguồn lực giúp chia nhỏ file CSS lớn thành nhiều phần và giữ số lượng selectors trong một tập tin duy nhất dưới giới hạn: