2008 10 ตุลาคม 2008
CSS สำหรับเบราว์เซอร์ที่ไม่ใช่ IE: มันไม่มีข่าวกับนักพัฒนา CSS ที่, CSS Selectors เด็กเช่นตัวอย่างด้านล่างนี้ดูเหมือนจะไม่ทำงานใน IE
เช่น div> ช่วง {} CSS บางที่หมายถึง "เมื่อองค์ประกอบช่วงเป็นเด็ก (และไม่หลานหรือเด็กที่ยิ่งใหญ่มาก ฯลฯ ) ขององค์ประกอบส่วน"
แต่เราใช้ CON นี้เพื่อประโยชน์ของเรา ในอดีตตัวเลือกสำหรับเด็กที่ได้รับการใช้ในการซ่อนคำสั่ง CSS จาก IE เพียงโดยการวาง html>body ในหน้าใด ๆ CSS คำสั่ง IE จะไม่สนใจมัน:
html>body .foo { CSS commands go here ;}
งานนี้เพราะ <body> อยู่เสมอลูกของ <html> - มันสามารถของหลักสูตรที่ไม่เคยเป็นหลานที่ดีหรือหลานของ <html> .
ตอนนี้ที่ IE 7 เข้าใจเลือกสำหรับเด็กที่คุณต้องแทรกแท็กข้อคิดเห็นว่างในโดยตรงหลังจากเครื่องหมายมากกว่า IE 7 จะไม่เข้าใจนี้เลือก (ผู้รู้ว่าทำไม?) และจะทำให้ทั้งหมดไม่สนใจคำสั่งนี้ CSS.:
html> /**/ body .foo { CSS commands go here ;}
ถ้ายังไม่ได้เห็นแล้วเหล่านี้ก่อนที่มีอ่านต่อไปนี้ผ่านเช่นกัน
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา | โพสต์ใน เบราว์เซอร์ Quirks , CSS
2008 4 ต.ค. 2008
ตามปกติซึ่งเป็นหนึ่งในหลายปัญหาที่แปลกบางอย่างกับ IE และนี้หนึ่งต้องจัดอันดับใน TOP 10 ของ Quirks IE
งบที่มีปัญหา (นี่คือปัญหาของฉันบางทีคุณอาจมี misbehaviors คล้ายกัน):
ฉันมี DIV หลายสถานที่ในหน้ากับชั้น "sectionhead" ซึ่งเป็นอะไร แต่ชื่อของส่วนหน้า ดังนั้นรูปแบบบางส่วนได้ผมมองเช่นนี้
. sectionhead {font-size: 18px; พื้นหลัง: # cfcfcf; padding: 5px;}
div เป็นแถบสีเทาอ่อนที่มีข้อความสีดำบาง จะเกิดอะไรขึ้นใน IE คือบางส่วนของเหล่านี้ส่วนหัวจะปรากฏ ok แต่บางที่มองไม่เห็นจนกว่าคุณเลื่อนหน้าหรือคลิกบางสิ่งบางอย่างในหน้าอื่น ๆ บางครั้งพวกเขามักจะหายไปเมื่อคุณคลิกที่ปุ่ม 'alt' เมื่อเพจที่คุณลง หรือเลื่อนที่มีแถบเลื่อน พวกเขาบางครั้งดูเหมือนจะเกิดขึ้นอีกครั้งเมื่อคุณโหลด (F5) หน้า ผมสั้น DIV ง่ายอย่างสมบูรณ์แบบด้วยสไตล์ที่เรียบง่ายบางพฤติกรรมที่ไม่ดี
สิ่งที่อาจก่อให้เกิดพฤติกรรมดังกล่าวผิดปกติ? ดี! ตรงไปตรงมาไม่มีความคิด!
ทางออกที่เป็นไป:
อีกครั้งไม่ต้องถามฉันว่าทำไม แต่ในหลายกรณีปัญหาที่เกิดขึ้นนี้มีแนวโน้มที่จะหายไปเมื่อคุณเพิ่มตำแหน่ง: ญาติที่จะผิดพลาดมีพฤติกรรมลักษณะองค์ประกอบเช่นนี้
. sectionhead {font-size: 18px; พื้นหลัง: # cfcfcf; padding: 5px; ตำแหน่ง: ญาติ}
เรื่องแปลกใหม่ แต่สิ่งที่จะพูด? ขอพระเจ้าทรงอวยพรผมจาก IE!
และทำหุ้นที่มีสหรัฐถ้าคุณมีปัญหาที่คล้ายกัน
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา | โพสต์ใน เบราว์เซอร์ Quirks , CSS , HTML
2008 15 กรกฎาคม 2008
โอ้ดี! ในการโพสต์ก่อนหน้านี้ไม่กี่วันกลับเกี่ยวกับความทึบใน 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);
}
ลองคลิกที่นี่ | ดาวน์โหลดคลิกที่นี่!
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , ปัญหา IE , IE8 | โพสต์ใน เบราว์เซอร์ Quirks , CSS
2008 6 กรกฎาคม 2008
ถ้าคุณกำลังดูหน้านี้ใน IE8 แล้วคุณจะต้องเห็นเต็มรูปแบบพื้นหลังสีขาวขุ่นที่อยู่เบื้องหลังเรื่องนี้ เมื่อวานนี้เพื่อนในโรงเรียนของฉันชี้ให้เห็นนี้กับผม (ในฐานะที่ผมเป็นหนึ่งในบรรดาผู้ที่ปรับให้เข้ากับการเปลี่ยนแปลงอย่างช้าๆและมั่นคง ... เบราว์เซอร์โดยเฉพาะอย่างยิ่ง. อาจกล่าวว่าอิ่มขี้ขลาด แต่เพื่อไม่ว่าจะเป็น .... เป็นนักพัฒนา UI, ฉันเสมอ อึกลัวรุ่นเบราว์เซอร์ใหม่ ... คุณรู้ว่าสิ่งที่เกี่ยวกับการอิ่ม tlaking ใช่ไหม?)
Digged รอบสำหรับขณะพยายามหาวิธีการแก้ปัญหาที่จะแก้ไขได้และแล้วสิ่งที่ ...
เวลานี้ตลอดเวลาของเราเบราว์เซอร์ FAVOURITE ได้ทำมันทั้งหมดใหม่อีกครั้งโดยวางสนับสนุนสำหรับ CSS ทึบทั้งหมด ที่ไม่ได้มาตรฐาน `filter: alpha (ทึบ = # #)` แอตทริบิวต์ CSS ได้ถูกลบออก, นีซ, แต่พวกเขายังสิ้นเชิงลืมที่จะเพิ่มการสนับสนุน CSS3 ความทึบ (เช่นวิธีการทั้งหมดเบราว์เซอร์อื่น ๆ ก็อย่างได้เก็บไว้ใน) ดังนั้นสำหรับครั้งแรกนับตั้งแต่พระเจ้าบอกเราเกี่ยวกับ CSS ความทึบแสง (ตั้งแต่ IE 5.0, I guess), เว็บเบราเซอร์จะไม่สนับสนุน CSS ทึบ
และตอนนี้ครีมด้านบน: คำอย่างเป็นทางการจาก IE 8 ทีม? มัน "โดยการออกแบบ" และ "เราจะพิจารณานี้ในรุ่นอนาคตของ IE"
PS: ลองหน้านี้ใน FF, สาบานว่ามันดูเรียบร้อย!
ความเห็นยังไม่มี | แท็ก: บัก IE , IE ปัญหา , IE8 | โพสต์ใน เบราว์เซอร์ Quirks , CSS
2008 20 มิถุนายน 2008
หากท่านที่เคยทำ (หรือทำให้หนึ่ง) เมนูแนวตั้งโดยใช้ข้อมูลในรายการ (li) แท็กและ CSS คุณอาจพบนี้ยังข้อผิดพลาดใน Internet Explorer ที่ IE 6 แทรกช่องว่างเหล่านี้ระหว่างรายการที่มีองค์ประกอบระดับบล็อกอื่น คือถ้ามีช่องว่างใด ๆ ระหว่างข้อมูลในรายการในมาร์กอัป ขอบคุณ แต่ขอบคุณที่ไม่มีรุ่น IE 7 ดูเหมือนว่าปลอดจากข้อผิดพลาดนี้
ถ้าเช่นฉันและอื่น ๆ อีกมากมายคุณอยู่ในวงของนักพัฒนาผิดหวังที่ยังคงต้องได้รับเค้าโครงใหม่ของพวกเขาทำงานมากเกินไปใน IE6 นี้แล้วนี้อาจเป็นประโยชน์ ได้ดู ...
มาร์กอัปตัวอย่าง:
id="menu"> <ul
<li div> href="#"> หน้าแรก </ a> </ li>
<li div> href="#"> เกี่ยวกับ </ a> </ li>
<li div> href="#"> บริการ </ a> </ li>
<li div> ผลงาน href="#"> </ a> </ li>
<li div> href="#"> คำถามที่พบบ่อย </ a> </ li>
<li div> href="#"> ติดต่อเรา </ a> </ li>
<ul />
คุณอาจสร้าง CSS บางคล้ายกับหนึ่งด้านล่างเพื่อางกล่าวมาข้างต้นเป็นเมนูแนวตั้ง ....
CSS ตัวอย่าง ...
เมนู # {
margin: 0; padding: 0; พื้นหลัง: # FF9900;
รายการแบบประเภท: ไม่มี; ความกว้าง: 150px;
}
# li เมนู {margin: 0; padding: 0;}
เมนู # {display: block;
color: # 555555;
ตกแต่งข้อความ: ไม่มี;
padding: 0 15px;
line-height: 2.5; พรมแดนด้านล่าง: 1px ของแข็ง # FFF;
}
ผลที่คุณจะเห็น ...
โซลูชันสำหรับปัญหานี้ ... (แก้ไขเพิ่ม / CSS ในตัวเอียงตัวหนา)
เมนู # {
margin: 0; padding: 0; พื้นหลัง: # FF9900; รายการแบบประเภท: ไม่มี; ความกว้าง: 150px;
float: left; / * นี้มีรายการรายการ floated * /
}
li # เมนู {
margin: 0; padding: 0;
float: left; / แก้ไข * นี้ * /
ความกว้าง: 100%; / * ช่องว่างข้อบกพร่องใน IE6 * /
}
เมนู # {
display: block; color: # 555555;
ตกแต่งข้อความ: ไม่มี;
padding: 0 15px;
line-height: 2.5; พรมแดนด้านล่าง: 1px ของแข็ง # FFF;
}
หาก doesnot วิธีการแก้ปัญหาดังกล่าวข้างต้นดูเหมือนจะทำงาน (ด้วยเหตุผลที่รู้กันว่า IE6 เท่านั้น) ... ลองใช้วิธีนี้แทน
เพียงแค่เพิ่มรูปแบบเพิ่มเติมนี้เท่านั้น IE6 เพื่อมาร์กอัปของคุณ ...
<- [if lt IE 7>
type="text/css"> <style
# li เมนู {display: inline บล็อก;}
# li เมนู {display: block;}
</ style>
<[endif] ->
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา , IE6 , Tutorials | โพสต์ใน เบราว์เซอร์ Quirks , CSS
2008 12 เมษายน 2008
โพสต์ IE 6, MSIE ได้ชนิดพอที่จะให้เราพัฒนา UI โดยการเพิ่มอีกไม่กี่คุณสมบัติ CSS มาตรฐานให้มากที่สุดเบราว์เซอร์มาตรฐานอื่น ๆ หนึ่งสถานที่ให้บริการที่มีประโยชน์ดังกล่าวใน "min-height" สถานที่ให้บริการตรงไปข้างหน้าพริตตี้ที่ไม่จำเป็นต้องอธิบายยืดยาว เมื่อ min-height สำหรับการแบ่งเป็นที่ตั้งมันก็ยังคงมีความสูงชุดที่เมื่อเนื้อหาบ้านมันตรงน้อยกว่าก็สามารถถือและที่สำคัญ (ไม่เหมือนวานิลลาสถานที่ให้บริการ "ความสูง" ธรรมดา) เครื่องชั่งน้ำหนักในคำพูดหรือ CSS, ก็จะทำงานเช่น ส่วนที่มี "ความสูง" ตั้ง "รถยนต์" ...
สำหรับบางส่วนของเรานักพัฒนาที่ยากจนที่ยังคงจำเป็นต้องโค้ด CSS ที่ยังต้องทำงานใน IE6, UN ว่างของ "min-height", สามารถพิสูจน์ปิดการแสดงที่บางครั้ง ... สิ้นหวัง donot
โชคดีที่เรามี quirks เพียงพอใน IE ที่เราจะใช้เพื่อประโยชน์ออกมาและตัดทางผ่านของเราที่จะไปถึงเป้าหมายของเราคือ ... ทำให้กองราวกับ min-height ของมันใน IE6
โซลูชันที่ 1: การใช้สับขีด [ ... Read more ]
.box1 {
min-height: 200px;
height:auto;
_height:200px;
}
HTML: -
<div class="box1">Some dynamic content with variable height ...</div>
โซลูชัน 2: การใช้คุณสมบัติสับ CSS Selector
.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}
HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>
คุณสมบัติที่สับ CSS Selector ใช้ประโยชน์จากความเป็นจริงเบราว์เซอร์รุ่นก่อนหน้านี้ IE6 ท่าข้าม atribute เลือก หมายเหตุความต้องการของแผนกภาชนะอื่นที่มี class = "SomeClass" เพียง presense ของแอตทริบิวต์ชั้นสำหรับการแบ่งนี้จะแทนที่ความสูงกลับไปที่รถยนต์สำหรับ Opera, Mozilla และ MSIE7 และต่อมา IE6 ซึ่งไม่สนับสนุนการ selectors atribute, ละเว้นมัน
ดูการสาธิตของสับ min-height สำหรับ IE6
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา , IE6 , Tutorials | โพสต์ใน CSS
2008 15 มีนาคม 2008
ที่หลายต่อหลายครั้งในขณะที่ทำเค้าโครงหน้ากับหน่วยงานป๊อปอัพ / lightboxes / เคล็ดลับอื่น ๆ เราเจอสถานการณ์ที่บางวัตถุเลือกฟอร์มที่เกิดขึ้นจะอยู่ภายใต้ฝ่าย POPUP เหล่านี้โดยการออกแบบและมันแสดงให้เห็นผ่านทาง .... YUK!
ดี! คุณสามารถจะแก้ไขปัญหานี้โดยการปรับค่า z-index ของคุณอย่างเหมาะสมสำหรับ FF และ IE7 แต่ดีที่โบราณ (เล่นสำนวนเจตนา) IE6 ไม่ประพฤติตามที่ตั้งใจไว้ .... แสดงกล่อง SELECT ผ่านแม้หลังจากที่คุณใช้บางอย่างที่สูงค่า z-index ให้กอง PopUp ของคุณ ... ว้า!
มีการแก้ไขยังไม่มีปัญหานี้ แต่มีผมเชื่อว่ามากกว่าวิธีบางอย่างเพื่อทำงานรอบปัญหานี้ แต่อิ่มที่นี่เพื่อบอกคุณทางออกที่ง่ายที่สุดที่ผมใช้ที่ทำงานดีสำหรับฉันในส่วนของ กรณี ....
"ซ่อนกล่อง ROUGE SELECT เมื่อคุณแสดงป๊อปอัพ"
เพียงแค่ในตัวอย่างสคริปต์ของคุณที่คุณแสดงของคุณป๊อปอัพเพิ่มชิ้นส่วนของสคริปเพื่อตั้งค่าการแสดงผลของช่องเลือกที่จะ "ซ่อน"
document.getElementById ('my_select') style.visibilty = "ซ่อน".
และอย่าลืมที่จะตั้งมันกลับมาเมื่อใกล้ชิดของกอง PopUp ของคุณ
document.getElementById ('my_select') style.visibilty = "มองเห็น".
โดยที่ "my_select" คือ ID ของกล่องเลือกการระคายเคือง
หวังนี้จะช่วย ...
PS มีตัวเลือกอื่น ๆ เช่นแบบไดนามิก ofcourse positionining IFRAME (ขนาดเดียวกับที่คุณ PopUp) ภายใต้ DIV ป๊อปอัพเป็น ... นี้ทำงานได้ดีเกินไป แต่ด้วยนอกเหนือจากการโหลดขององค์ประกอบ DOM, สคริปต์และปวดหัว ฉันได้ใช้วิธีการแก้ปัญหานี้มากเกินไปและหากคุณต้องการความช่วยเหลือใด ๆ กับตัวเลือกนี้จะแจ้งให้เราทราบ ยินดีที่จะช่วยคุณ!
ยังไม่มีความเห็น | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา , IE6 | โพสต์ใน เบราว์เซอร์ Quirks , CSS , HTML , JavasScript
2008 8 มกราคม 2008
ไม่กี่เดือนก่อนหน้านี้เราได้เห็นวิธีการที่เราอาจรวมถึงชิ้นส่วนของ CSS ที่จะมองเห็น IE6 เท่านั้น ( สำหรับ IEs เฉพาะของคุณ ) มีวิธีอื่น ๆ เพื่อให้บรรลุนี้เช่นกัน เพียงรวมแยก CSS, เฉพาะ IE เป้าหมายของคุณ นี้อาจจะประสบความสำเร็จกับสิ่งที่เรียกว่าเป็นความเห็นแบบมีเงื่อนไข
ความคิดเห็นเงื่อนไขเป็นวิธีที่จะตรวจสอบชนิดเบราว์เซอร์และรุ่น การตรวจสอบเบราว์เซอร์จะดำเนินการเพื่อให้มั่นใจว่าเนื้อหาที่นำเสนอให้กับเบราว์เซอร์ที่เฉพาะเจาะจง การตรวจสอบเบราว์เซอร์สามารถทำได้โดยใช้เทคนิคที่แตกต่างกัน วิธีการนี้มีข้อดีหลายประการมากกว่าวิธีการที่ก่อนหน้านี้ที่รวมการสลับรูปแบบการใช้งานจาวาสคริปต์ รายการที่สำคัญบางประการจะเป็น;
- การเขียนสคริปต์ไม่จำเป็นต้องใช้
- ครอสเบราว์เซอร์
เราไม่ทำเช่นนี้ได้อย่างไร
ทำอะไรใน IE 5 เท่านั้น
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->
สนใจสิ่งที่อยู่ในรุ่นของ IE ทั้งหมด
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
สนใจสิ่งที่อยู่ในรุ่นที่ใหม่กว่า IE ทั้งหมดที่ IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->
สำหรับ vartiations เงื่อนไขเพิ่มเติมโปรดอ่านข้อมูลนี้ใน MSDN:
เกี่ยวกับความเห็นแบบมีเงื่อนไข
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา | โพสต์ใน เบราว์เซอร์ Quirks , CSS , HTML , JavasScript
2007 8 กันยายน 2007
ถ้าคุณได้รับการเขียน CSS สำหรับในขณะที่คุณจะมีประสบการณ์บรรดาครั้งเมื่อคุณอักษรดึงผมของคุณเมื่อเค้าโครง CSS ของคุณมองที่ดีในทุกเบราว์เซอร์ใหม่ (ผมหมายถึงเบราว์เซอร์ช้ากว่า IE6) แต่ IE 6 พ่นอารมณ์ฉุนเฉียว คุณต่อสู้อย่างหนักเพื่อปรับ CSS ของคุณ แต่มันไม่ทำงาน ... ดี! ลอง hacks เหล่านี้ ...
1 ขีดสับ: -
โดยนิยาม, CSS 2.1 สเปคจะช่วยให้ขีด ("_") ในตัวระบุ CSS แต่เบราว์เซอร์จำนวนมากยังคงดูเหมือนจะไม่สนใจใด ๆ ที่ระบุดำเนินการกับขีดล่าง แต่ IE ข้อผิดพลาดของ IE นี้ / คุณลักษณะจึงเป็นวิธีที่ชัดเจนมากในการกำหนดคุณสมบัติ CSS สำหรับ IEs เท่านั้น ดังนั้นจำไว้ว่าคุณสมบัติ CSS เขียนด้วยขีดที่เริ่มจะมองเห็นได้สำหรับ Internet Explorer (ทุกรุ่น แต่ IE 7)
#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}
การสาธิตการดูจากนี้ขีดล่างสับ
นอกจากนี้สับ min-height สำหรับ IE6 ใช้สับขีด, เช็คเอาท์
2 แฮสับ (#): -
ชอบขีดสับหนึ่งนี้มากเกินไปสำหรับ IEs Oly มีความแตกต่างที่ดีตัวระบุสถานที่ให้บริการนำหน้าด้วย # ในการเริ่มต้นเป็นที่เห็นได้สำหรับทุกเวอร์ชัน IE, IE7 รวมและเป็นที่มองไม่เห็นสำหรับเบราว์เซอร์มาตรฐานอื่น ๆ
.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}
สับนี้ได้ถูกนำมาใช้อย่างแสดงให้เห็นถึงเบราว์เซอร์ข้ามแนวตั้งแนววิธีการแก้ปัญหามีลักษณะที่บทความนี้เพื่อค้นหาของเรามากขึ้น
3 CSS สำหรับ IE6 เท่านั้น: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}
hacks เหล่านี้ดูเหมือนว่าสวรรค์ส่งเมื่อไม่มีอะไรอื่นทำงาน ... ถ้ามีของเหล่านี้จะช่วยประหยัด hacks ชีวิตของคุณสักวัน, dont ลืมที่จะรักษาให้ฉันกาแฟ :)
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา | โพสต์ใน เบราว์เซอร์ Quirks , CSS , JavasScript
2007 12 กรกฎาคม 2007
ผมมีปัญหาที่ถ้าคุณมีเหตุการณ์วางเมาส์บนกอง (DIV) และหมวดที่ว่าด้วยเหตุผลที่ดีบางอย่างต้องมีความโปร่งใส (เช่นในกรณีที่มันถูกต้องที่จะแสดงแท็กบางกว่าภาพที่โพสต์ของฉันนี้ นี้แบ่งโปร่งใส), IE ล้มเหลวที่จะเรียกเหตุการณ์ที่โพสต์ (ทำงานดีใน FireFox)
พยายามหลายตัวเลือก ... หลายแห่งซึ่งเป็นเพียงความพยายามที่สิ้นหวังที่จะได้รับเหตุการณ์ที่จะยิงใน IE หนึ่งในคนที่เหมาะสมที่ผมคิดว่าอาจจะทำงานคือการกำหนดสีพื้นหลังการแบ่งและกำหนดความทึบแสงให้เป็นศูนย์ ... ดี! อาศัยการทำงาน!
ทางออกสุดท้ายซึ่งดูเหมือนจะทำงานและไม่รบกวนการทำงานของผมต้องถูกใส่หนึ่งพิกเซลซ้ำภาพพื้นหลัง / โปร่งใสในแผนกที่
Silly ... ! แต่ตอนนี้ดูเหมือนว่า IE มีความสุข
ความเห็นยังไม่มี | แท็ก: บัก IE , IE แก้ไข , Hacks IE , IE ปัญหา | โพสต์ใน เบราว์เซอร์ Quirks
