Bày tỏ IT

Vâng! Trong bài trước đó một vài ngày trở lại về Opacity trong IE8, tôi quên đề cập đến một điểm quan trọng "IE 8 nghiêm ngặt chế độ không cho phép CSS opacity".
Đối với những ai không chịu hiểu những gì tôi có nghĩa là chế độ nghiêm ngặt, ở đây là hướng dẫn nhanh chóng .

Một công việc xung quanh này (Trước khi IE dev đội nhận ra rằng họ đã mở đường cho các thói quen làm việc trên toàn thế giới, các trang web bằng cách sử dụng Pop-up lightboxes với opacity một số, và đưa trở lại hỗ trợ cho Opacity) là sử dụng một bán minh bạch hình ảnh ... tốt hơn trong định dạng PNG (tôi đã có kinh nghiệm xấu hình ảnh GIF trong suốt để làm việc như chúng đã được nghĩa vụ phải). Tạo một hình ảnh PNG của màu sắc và tỷ lệ phần trăm của sự minh bạch mà bạn thích, bạn biên tập hình ảnh yêu thích và sử dụng nó như là một hình ảnh nền cho các lớp phủ lightbox của bạn.

tức là
Thay vì một cái gì đó như thế này

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
opacity: 0,60;
filter: alpha (opacity = 60);
}

Làm điều này ....

. Lighbox_overlay {
background: url (bkg.png) lặp lại;
}

TO TRY IT, BẤM VÀO ĐÂY ĐỂ TẢI, BẤM VÀO ĐÂY!

Nếu bạn đang xem trang này trong IE8, sau đó bạn phải được nhìn thấy một nền màu trắng đục đằng sau bài viết này. Hôm qua, đồng nghiệp của tôi chỉ ra điều này với tôi (Như tôi là một trong những người thích ứng với thay đổi từ từ và đều đặn ... đặc biệt là các trình duyệt. Có thể nói, Im một kẻ hèn nhát, nhưng như vậy có thể là .... Là một nhà phát triển giao diện người dùng, tôi luôn luôn shit sợ hãi của các phiên bản trình duyệt mới ... bạn biết những gì Im tlaking về, phải không?)

Digged khoảng một lúc, cố gắng tìm một giải pháp để sửa chữa nó và sau đó ...
Thời gian này tất cả trình duyệt Thời gian được yêu thích nhất của chúng tôi đã thực hiện nó trên một lần nữa bằng cách thả tất cả các hỗ trợ cho CSS opacity. Phi tiêu chuẩn `filter: alpha (opacity = # #)` thuộc tính CSS đã được gỡ bỏ, Nice, nhưng họ cũng hoàn toàn quên để thêm CSS3 hỗ trợ độ mờ đục (như làm thế nào tất cả các trình duyệt khác đang độc đáo đã giữ nó trong). Vì vậy, lần đầu tiên kể từ khi Chúa nói với chúng tôi về CSS opacity (kể từ khi IE 5.0, tôi đoán), một trình duyệt web sẽ không hỗ trợ CSS opacity.
Và bây giờ cho kem trên đầu trang: từ chính thức từ nhóm 8 IE? Đó là "bởi thiết kế" và "chúng tôi sẽ xem xét việc này trong một phiên bản tương lai của IE".

PS: Hãy thử trang này trong FF, thề có vẻ gọn gàng!

Khi tôi đọc bài viết này vào Danh mục A Ngoài " Faux Absolute Định vị
Eric Sol ", tôi đã không có gì ít hơn so với ấn tượng. Tôi cũng đã chán nản majorly, gây ra, một cách trung thực tôi đã tự hỏi, tại sao không thể đến với một cái gì đó tuyệt vời như thế này.

Thông thường, khi chúng tôi tạo ra CSS bố trí, chúng tôi sử dụng "VỊ TRÍ" hoặc "nổi", hoặc một sự kết hợp rất xấu của cả hai. Eric Sol và nhóm của ông xác định một kỹ thuật hoàn hảo của một loại mới của kỹ thuật bố trí CSS, mà họ đã christened là "Định vị tuyệt đối Faux" sau khi các kỹ thuật cột giả mô phỏng sự hiện diện của một cột.

Bạn biết rằng vấn đề tất cả chúng ta CSS các nhà phát triển có với bố trí phân hủy (thay đổi nội dung bất ngờ gây ra cột toàn bộ bọc, khi chúng tôi sử dụng bố trí lưu hành) ... Vâng! Có vẻ như lịch sử!!!
Kỹ thuật bố trí này vẫn còn rất trẻ, và để vào thùng rác bởi tất cả những người rất kinh nghiệm CSS ra khỏi đó, trước khi nó trở thành một tiêu chuẩn bỏ bằng văn bản. Tôi đang hạnh phúc để sử dụng nó NOW! ... Và tôi đã vào giữa chuyển đổi trước đó vấn đề nổi của tôi / chưa nhất thiết phải bố trí vào FAP bố trí đã được ... và tôi vui mừng để nói "chúng ta đã sử dụng định vị tuyệt đối Faux cho trang blog này là tốt" ... GO thử nó, NOW!

Kudos Eric!