CSS: trước /: sau Selectors trong IE 6,7

Question

Tôi biết rằng: trước /: sau selectors không có sẵn trong IE 6,7
http://www.quirksmode.org/css/contents.html

Có js hack để kích hoạt tính năng hỗ trợ cho các selectors trong IE?

Answer 1

của jQueries nhiên before và after

gì nữa;)

Answer 2

Tôi không biết nó hoạt động tốt như thế nào; nhưng một tìm kiếm nhanh tìm thấy một kết quả đầy hứa hẹn:

http://jquery.lukelutman.com/plugins/pseudo/

CSS2 của: trước và: after pseudo-selectors thực sự tiện dụng ... nhưng họ không làm việc trong Internet Explorer . Không, ngay cả IE7. Tôi đặt cược bạn đang nghĩ: "Nhưng nếu chúng tôi sử dụng như nhiều tính năng độc quyền của Microsoft càng tốt, tất cả cùng một lúc, sẽ hiển thị 'em!" Và bạn biết những gì? Bạn hoàn toàn đúng. Bạn vừa mới phải yêu thích điều này - * {hành vi: biểu thức (...); } - có thể (nhiều hơn hoặc ít ) cho phép: trước và: after cho IE5.5 +

Với jquery.pseudo.js trong của tài liệu của bạn, sau đó bạn có thể làm:

p:before, p { 
    before: 'foo'; 
    content: 'foo'; } 

p:before, p .before { 
    color: blue; } 

Answer 3

có một giải pháp javascript gọi IE7, nó sửa chữa chung lỗi IE: http://code.google.com/p/ie7-js/

Answer 4

sử dụng JQuery bạn có thể Bosh trong supposrt bất cứ nơi nào mà bạn thích, hơi giống nugget này

/* fix top nav ui in ie6*/ 
if ($.browser.msie && $.browser.version <= 6) { 
    $('#topNav ul li a:not(:last)').after("/"); 
} 

Answer 5

Các mặt hàng này khi cố gắng để tạo ra https://gist.github.com/1133433 này với sự hỗ trợ cho trình duyệt IE 6 và 7 Tôi đã cố gắng sử dụng mô hình hộp linh hoạt CSS3, nhưng nhấn một lỗi trong bộ công cụ web khi sử dụng hộp linh hoạt CSS3 w/box-size: border-box, padding và độ rộng cố định. Nó phá vỡ hộp mặc định-align: stretch (chiều cao bằng nhau). Đó là một trong hai điều này hoặc giải quyết để sử dụng một bảng.

Hộp linh hoạt CSS3 có vẻ khó kiểm soát. Nếu bạn muốn thiết lập chiều rộng cố định, và gặt hái những lợi ích của hộp-align: kéo dài cũng như thiết lập padding, bạn SOL.