2008 15 กรกฎาคม 2008

IE 8 โหมดที่เข้มงวดและความทึบ CSS ... การทำงานรอบ ๆ

โอ้ดี! ในการโพสต์ก่อนหน้านี้ไม่กี่วันกลับเกี่ยวกับความทึบใน 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);
}

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


2008 6 กรกฎาคม 2008

ไม่มี "ความทึบ" ใน IE8

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

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

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


2008 2 กรกฎาคม 2008

เราใช้ตำแหน่งแน่นอน Faux: เค้าโครง CCS ที่สว่างสดใส

เมื่อฉันอ่านบทความนี้เกี่ยวกับรายชื่อ Apart " ตำแหน่งแน่นอน Faux
โดยเอริคโซล "ฉันคืออะไรน้อยกว่า Impressed ฉันถูกกดดันยัง majorly ทำให้สุจริตผมสงสัยว่าทำไมฉันลาดเทมากับสิ่งเหลือเชื่อเช่นนี้

โดยปกติเมื่อเราสร้างเค้าโครง CSS เราจะใช้ "ตำแหน่ง" หรือ "ลอย" หรือรวมกันไม่ดีมากของทั้งสอง เอริคโซลและทีมของเขาจะกำหนดต่อไปที่จะใช้เทคนิคที่สมบูรณ์แบบของชนิดใหม่ของเทคนิครูปแบบ CSS ซึ่งพวกเขาได้ christened เป็น "ตำแหน่งแน่นอน Faux" หลังจากเทคนิคคอลัมน์ faux ที่เลียนแบบการปรากฏตัวของคอลัมน์

คุณจะรู้ว่าปัญหาที่เกิดขึ้นทั้งหมดของเราพัฒนา CSS มีกับเลย์เอาต์แตก (เปลี่ยนแปลงเนื้อหาที่ไม่คาดคิดที่ทำให้เกิดคอลัมน์ทั้งหมดไปตัดเมื่อเราใช้เค้าโครงลอย) ที่ ... ดี! ดูเหมือนว่าประวัติความเป็นมา!
เทคนิคแบบนี้ก็ยังคงเล็กมากและมีการทิ้งในถังขยะออกโดยบรรดาผู้เชี่ยวชาญด้าน CSS ออกมีก่อนที่มันจะกลายเป็นมาตรฐานที่เขียนยกเลิก ฉันมีความสุขที่จะใช้มัน Now! และฉัน ... แล้วในช่วงกลางของการแปลงรูปแบบของฉันก่อนหน้านี้ที่มีปัญหา / ลอยยกเลิกจำเป็นต้องเป็นรูปแบบสภาวิชาชีพบัญชีอยู่แล้ว ... และดีใจที่จะพูดว่า "เราอยู่แล้วโดยใช้ตำแหน่งแน่นอน Faux สำหรับบล็อกนี้เช่นกัน" ... ไปลองตอนนี้!

Kudos เอริค!


NDK บ้าน | การแสดงไอที ​​| เพดานการแสดง | Penmenship การแสดง | Awe การแสดง | การแสดงตัวเอง