การแสดงไอที

ด้วยเบราว์เซอร์ที่จะดูแลตั้งแต่พรุ่งนี้อีก! (IE8 ออกมาจากในวันพรุ่งนี้รัฐของเบต้า) ... IE6 เวลาของมันสูงจริงๆจะได้รับความเมตตาความตายของมันยาว ... เนื่องจากสหเรายืนสำหรับฤดูใบไม้ร่วงของ IE6

"IE6 เป็น 4 Netscape ใหม่ hacks จำเป็นในการสนับสนุน IE6 จะดูมากขึ้นเช่นการขนส่งสินค้าส่วนเกิน ชอบ Netscape 4 ในปี 2000, IE6 เป็นที่รับรู้จะถูกจับกลับมาบนเว็บ. "

เจฟฟ์ Zeldman มาตรฐาน guru

และในขณะเดียวกันสำหรับผู้ที่ต้องการฉันที่จะถูกน้ำท่วมพร้อมโทรศัพท์จากหมดสภาพเค้าโครง CSS ใน IE8 ที่นี่ทำงานเก่ารอบ / แก้ไขโดยใช้แท็ก Meta (meta HTTP-EQUIV = "X-UA-Compatible") คุณอาจจะลองคือ ...

ผิดพลาดพฤติกรรม IE8: CSS แตกหักเค้าโครง (การกำหนดเป้าหมายเบราว์เซอร์รุ่นที่ใช้แท็ก Meta ใน IE8)

หากคุณเป็นคน CSS คุณจะได้รู้ว่าอาการปวดในการรับเค้าโครงของคุณทำงาน cross-browser IE8 ยังเป็นประแจในงานสำหรับนักพัฒนาเราอีก Anywaz! ถ้าคุณตีเมื่อปัญหานี้เช่นผมเมื่อวานนี้ที่ทำงานอย่างสมบูรณ์แบบ CSS ของคุณใน IE7 (และก่อนหน้า) และ Firefox ได้ก็เริ่มขว้างปา tantrums ใน IE8 ลองนี้ ... มันอย่างดูเหมือนจะแก้ไขปัญหาของฉันตอนนี้ ....

การใช้การประกาศ Meta เราสามารถระบุเครื่องมือการแสดงผลที่เราต้องการที่จะใช้ IE8 ดังนั้นเพื่อบังคับให้ IE8 แสดงผลเป็น IE7 ... แทรกแท็ก Meta ต่อไปนี้ในหัวของเอกสารของคุณ: -

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

โดยค่าเริ่มต้น Meta IE จะเป็น: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
ซึ่งจะทำให้ IE8 แสดงผลหน้าเว็บโดยใช้โหมดมาตรฐานใหม่

หากจำเป็นต้องใช้รูปแบบนี้สามารถนำมาใช้เพื่อรองรับเบราว์เซอร์อื่น ๆ ดังนี้

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

รายละเอียดเพิ่มเติมเกี่ยว doctypes:

หากคุณยังไม่คุ้นเคยกับประเภทของสัตว์ที่เรียกว่า "D​​octype" ... นี่คือบางอย่างรวดเร็วอ่าน
อะไร doctypes มีอะไรบ้าง อะไร Quirks BROWSER & โหมดเข้มงวดมีอะไรบ้าง
การตั้งค่า DOCTYPE ใน XSL

สำหรับข้อมูลเพิ่มเติมในการทำความเข้าใจเชิงลึกเกี่ยวกับ doctypes ให้ลองไปที่ลิงก์เหล่านี้ ...
รายการนอกเหนือที่: แก้ไขเว็บไซต์ของคุณด้วย DOCTYPE ขวา!
รายการนอกเหนือ: Beyond DOCTYPE: มาตรฐานเว็บที่เข้ากันได้ไปข้างหน้าและ IE8

หมายเหตุ: แม้ว่าคนส่วนมากของเรา HTML / CSS ได้รับการละเลยความสำคัญของการ decleration DOCTYPE ในเอกสารของเราตั้งค่า DOCTYPE ขวาโดยปกติจะเป็นคำตอบสำหรับปัญหามากที่สุดข้ามเบราว์เซอร์

โอ้ดี! ในการโพสต์ก่อนหน้านี้ไม่กี่วันกลับเกี่ยวกับความทึบใน IE8 ผมลืมพูดถึงจุดสำคัญที่ "IE 8 โหมดเข้มงวดไม่อนุญาตให้สำหรับ CSS ความทึบ"
สำหรับผู้ที่ donot เข้าใจสิ่งที่ฉันหมายความโดยโหมดที่เข้มงวด กวดวิชาที่นี่อย่างรวดเร็วคือ .

การทำงานรอบนี้ (ก่อนทีมงาน IE dev ตระหนักว่าพวกเขามีวิธี paved สำหรับการปฏิบัติเรื่องการทำงานทั่วโลกสำหรับเว็บไซต์เว็บใช้ lightboxes Pop-up ที่มีความทึบแสงบางส่วนและนำกลับมาสนับสนุนความทึบแสง) คือการใช้ ภาพโปร่งใสกึ่ง ... ยิ่งในรูปแบบ PNG (ฉันได้มีประสบการณ์ที่ไม่ดีได้รับรูป GIF โปร่งใสในการทำงานตามที่พวกเขาควรจะ) สร้างภาพ PNG ของสีและร้อยละของความโปร่งใสที่คุณต้องการในตัวคุณแก้ไขภาพที่ชื่นชอบและใช้เป็นภาพพื้นหลังสำหรับภาพซ้อนทับของคุณ Lightbox

เช่น
บางสิ่งบางอย่างแทนเช่นนี้

lighbox_overlay. {
background-color: # FFFFFF;
z-index: 1001;
-moz-opacity: 0.6;
ความทึบ: .60;
filter: alpha (ทึบ = 60);
}

สนใจนี้ ....

lighbox_overlay. {
พื้นหลัง: url ซ้ำ (bkg.png);
}

ลองคลิกที่นี่ | ดาวน์โหลดคลิกที่นี่!

ถ้าคุณกำลังดูหน้านี้ใน IE8 แล้วคุณจะต้องเห็นเต็มรูปแบบพื้นหลังสีขาวขุ่นที่อยู่เบื้องหลังเรื่องนี้ เมื่อวานนี้เพื่อนในโรงเรียนของฉันชี้ให้เห็นนี้กับผม (ในฐานะที่ผมเป็นหนึ่งในบรรดาผู้ที่ปรับให้เข้ากับการเปลี่ยนแปลงอย่างช้าๆและมั่นคง ... เบราว์เซอร์โดยเฉพาะอย่างยิ่ง. อาจกล่าวว่าอิ่มขี้ขลาด แต่เพื่อไม่ว่าจะเป็น .... เป็นนักพัฒนา UI, ฉันเสมอ อึกลัวรุ่นเบราว์เซอร์ใหม่ ... คุณรู้ว่าสิ่งที่เกี่ยวกับการอิ่ม tlaking ใช่ไหม?)

Digged รอบสำหรับขณะพยายามหาวิธีการแก้ปัญหาที่จะแก้ไขได้และแล้วสิ่งที่ ...
เวลานี้ตลอดเวลาของเราเบราว์เซอร์ FAVOURITE ได้ทำมันทั้งหมดใหม่อีกครั้งโดยวางสนับสนุนสำหรับ CSS ทึบทั้งหมด ที่ไม่ได้มาตรฐาน `filter: alpha (ทึบ = # #)` แอตทริบิวต์ CSS ได้ถูกลบออก, นีซ, แต่พวกเขายังสิ้นเชิงลืมที่จะเพิ่มการสนับสนุน CSS3 ความทึบ (เช่นวิธีการทั้งหมดเบราว์เซอร์อื่น ๆ ก็อย่างได้เก็บไว้ใน) ดังนั้นสำหรับครั้งแรกนับตั้งแต่พระเจ้าบอกเราเกี่ยวกับ CSS ความทึบแสง (ตั้งแต่ IE 5.0, I guess), เว็บเบราเซอร์จะไม่สนับสนุน CSS ทึบ
และตอนนี้ครีมด้านบน: คำอย่างเป็นทางการจาก IE 8 ทีม? มัน "โดยการออกแบบ" และ "เราจะพิจารณานี้ในรุ่นอนาคตของ IE"

PS: ลองหน้านี้ใน FF, สาบานว่ามันดูเรียบร้อย!