Mengekspresikan TI

Dengan browser lain untuk mengurus mulai besok! (IE8 keluar dari Negara besok Beta-nya) ... IE6 waktu yang sangat tinggi dengan diberikan Kematian rahmat Panjang Karena nya ... Serikat kita berdiri untuk musim gugur IE6

"IE6 adalah Netscape 4 baru. Hacks dibutuhkan untuk mendukung IE6 semakin dipandang sebagai barang berlebih. Seperti Netscape 4 pada tahun 2000, IE6 dianggap akan menahan web. "

Jeff Zeldman, standar guru

Dan sementara itu bagi mereka seperti saya yang akan dibanjiri dengan panggilan melanggar layout CSS di IE8, di sini adalah kerja lama sekitar / memperbaiki menggunakan Meta Tag (meta http-equiv = "X-UA-Compatible") Anda bisa mencoba ...

Mis-berperilaku IE8: pecah Tata Letak CSS (Target versi browser menggunakan Meta Tag di IE8)

Jika Anda css orang, Anda akan tahu rasa sakit dalam mendapatkan layout Anda bekerja lintas-browser. IE8 adalah satu lagi kunci pas dalam karya-karya untuk pengembang kami. Anywaz! jika Anda memukul atas masalah ini, Seperti yang saya lakukan kemarin, di mana CSS sempurna bekerja di IE7 (dan sebelumnya) dan Firefox tiba-tiba mulai melemparkan amukan di IE8, TRY ini ... Ini baik tampaknya untuk memperbaiki masalah saya untuk saat ini ....

Menggunakan deklarasi Meta, kita dapat menentukan mesin rendering kami ingin IE8 untuk digunakan. Jadi untuk memaksa IE8 untuk membuat sebagai IE7 ... Masukkan Meta Tag berikut ke dalam kepala dokumen Anda: -

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

Secara default Meta IE akan: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
yang akan membuat IE8 membuat halaman menggunakan mode standar baru.

Jika diperlukan, sintaks ini dapat digunakan untuk mengakomodasi untuk browser lain sebagai berikut:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

LEBIH Tentang DOCTYPES:

JIKA Anda belum terbiasa dengan jenis hewan yang disebut "DOCTYPE" ... di sini adalah beberapa membaca cepat
Apa DOCTYPES? Apa BROWSER quirks mode & HUKUM?
Mengatur DOCTYPE dalam XSL

Untuk lebih dalam pemahaman mendalam tentang DOCTYPES, coba kunjungi link ini ...
A List Apart: Perbaiki Situs Anda Dengan DOCTYPE Benar!
A List Apart: Beyond DOCTYPE: Standar Web, Teruskan Kompatibilitas, dan IE8

Catatan: Meskipun banyak dari kita HTML / CSS orang telah mengabaikan pentingnya decleration DOCTYPE dalam dokumen kita, Mengatur DOCTYPE yang tepat, biasanya jawaban untuk masalah browser yang paling silang.

Oh Yah! Dalam posting sebelumnya beberapa hari lalu tentang Opacity di IE8, saya lupa menyebutkan poin penting bahwa "IE 8 modus ketat tidak memungkinkan untuk CSS opacity".
Bagi mereka yang donot memahami apa yang saya maksud dengan modus yang ketat, di sini adalah tutorial singkat .

Sebuah karya sekitar untuk ini (Sebelum tim dev IE menyadari bahwa mereka telah membuka jalan untuk kembali bekerja rutin di seluruh dunia, untuk web-situs menggunakan pop-up lightboxes dengan opacity tertentu, dan dikembalikan dukungan untuk Opacity) adalah dengan menggunakan gambar semi transparan ... sebaiknya dalam format PNG (Saya telah memiliki pengalaman buruk mendapatkan gambar GIF transparan untuk bekerja sebagai mereka seharusnya). Buat gambar PNG dari warna dan persentase transparansi Anda suka, Anda dalam editor foto favorit dan menggunakannya sebagai gambar latar belakang untuk overlay lightbox Anda.

yaitu
Alih-alih sesuatu seperti ini

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

Lakukan ini ....

. Lighbox_overlay {
background: url (bkg.png) ulangi;
}

UNTUK MENCOBA TI, KLIK DISINI! | UNTUK DOWNLOAD, KLIK DISINI!

Jika Anda melihat halaman ini di IE8, maka Anda harus melihat latar belakang putih buram penuh di belakang posting ini. Kemarin, collegue saya menunjukkan hal ini kepada saya (Karena saya salah satu orang yang beradaptasi dengan perubahan perlahan dan terus ... terutama browser. Mungkin mengatakan, Im pengecut, tapi biarkan saja .... Menjadi seorang pengembang UI, saya selalu kotoran takut versi browser baru ... Anda tahu apa Im tlaking sekitar, kan?)

Menggali sekitar untuk sementara, mencoba untuk menemukan solusi untuk memperbaikinya dan kemudian apa ...
Kali ini SEMUA WAKTU kita peramban FAVORIT telah melakukannya lagi dengan menjatuhkan semua dukungan untuk CSS opacity. Non-standar `filter: alpha (opacity = # #)` CSS atribut telah dihapus, Nice, tetapi mereka juga benar-benar lupa untuk menambahkan dukungan CSS3 opacity (seperti bagaimana semua browser lain yang baik menyimpannya dalam). Jadi, untuk pertama kalinya sejak TUHAN mengatakan kepada kami tentang CSS opacity (karena IE 5.0, saya kira), web browser tidak akan mendukung opacity CSS.
Dan sekarang untuk krim di atas: kata resmi dari IE 8 tim? Ini "dengan desain" dan "kami akan mempertimbangkan hal ini dalam versi masa depan IE".

PS: Lihat halaman ini di FF, bersumpah terlihat rapi!