CSS \ 9 trong thuộc tính chiều rộng

Ý nghĩa của việc này là gì? Tôi đoán đó là một hack trình duyệt, nhưng tôi không thể tìm thấy chính xác nó làm gì.

width: 500px\9;

Ý nghĩa của là \9gì?

\9 là một "hack CSS" dành riêng cho Internet Explorer 7, 8 và 9.

Điều này chỉ có nghĩa là một dòng CSS cụ thể kết thúc bằng một \9;vị trí thay thế ;chỉ có giá trị trong IE 7, 8 và 9.

Trong ví dụ của bạn,

width: 500px\9;có nghĩa là chiều rộng 500 pixel (cùng kết quả width: 500px;) sẽ chỉ được áp dụng trong khi sử dụng IE 7, 8, & 9.

Tất cả các trình duyệt khác sẽ bỏ qua width: 500px\9;hoàn toàn, và do đó không áp dụng width: 500px;cho phần tử nào cả.

Nếu CSS của bạn trông như thế này ...

#myElement {
    width: 300px;
    width: 500px\9;
}

Kết quả sẽ #myElementrộng 500 pixel trong IE 7, 8, & 9, trong khi ở tất cả các trình duyệt khác, #myElementsẽ rộng 300 pixel.

Thêm thông tin

BIÊN TẬP:

Câu trả lời này được viết vào năm 2011. Bây giờ cần lưu ý rằng bản hack này cũng hoạt động trong IE 10.

Đây là bản hack css cho IE9 và phiên bản dưới đây

viết như thế này:

width: 500px\9;

Đọc bài viết này http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Trong IE9 để đặt thuộc tính chiều rộng, bạn chỉ cần thêm hack này.

ví dụ

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

CSS Hack cho IE9

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}