การแสดงไอที

คุณสังเกตเห็นบางครั้งสิ่งที่ง่ายก็ปฏิเสธที่จะทำงานใน IE6 ... location.href เป็นเพียงสิ่งดังกล่าว

ถ้าคุณได้เพิ่มฟังก์ชั่นเพื่อ OnClick แท็กสมอคุณชอบด้านล่าง ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> ไปยังตำแหน่งใหม่ </ a>

ด้วยฟังก์ชั่นเช่นนี้บาง ...
ฟังก์ชั่น onclickLink (id) {
var URI = "id = test2.html?" + id;
window.location.href = URI;
}

ต้องการประชดของคุณคุณจะสังเกตเห็นว่าเช่นชิ้นส่วนของสคริปต์ง่ายปฏิเสธที่จะทำงานใน IE ... ดี! ฉันสามารถพูดคุยด้วยเหตุผลที่นี่ แต่ไม่คิดว่ามันจะคุ้มค่า ... แม้ว่าฉันจะดูเหมือนจะมีวิธีการแก้ปัญหา ... (ฉันเดิมพันถ้าคุณเข้าใจ Javascript คุณจะเข้าใจว่าทำไมเราเพิ่มนี้ปรับแต่งสำหรับ IE6)

โซลูชั่น

<a href="javascript:void(0);" ตอบแทน onclick="onClickLink('xxx'); false; "> ไปยังตำแหน่งใหม่ </ a>

ถ้าคุณคำตอบง่ายๆใด ๆ โปรดอย่าเขียนความคิดเห็น มันจะจริงจะ appretiated ฉันเดิมพันโดยหลายคน!

ถ้าคุณได้รับการเขียน 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 เหล่านี้ดูเหมือนว่าสวรรค์ส่งเมื่อไม่มีอะไรอื่นทำงาน ... หากใด ๆ ของเหล่าแฮ็กช่วยชีวิตของคุณสักวัน, dont ลืมที่จะรักษาให้ฉันกาแฟ :)

ผมมีปัญหาที่ถ้าคุณมีเหตุการณ์วางเมาส์บนกอง (DIV) และหมวดที่ว่าด้วยเหตุผลบางอย่างที่ดีต้องมีความโปร่งใส (เช่นในกรณีที่มันถูกต้องที่จะแสดงแท็กบางกว่าภาพที่โพสต์ของฉันนี้ นี้แบ่งโปร่งใส), IE ล้มเหลวที่จะเรียกเหตุการณ์ที่โพสต์ (ทำงานดีใน FireFox)

พยายามหลายตัวเลือก ... หลายแห่งซึ่งเป็นเพียงความพยายามที่สิ้นหวังที่จะได้รับเหตุการณ์ที่จะยิงใน IE หนึ่งในคนที่เหมาะสมที่ผมคิดว่าอาจจะทำงานคือการกำหนดสีพื้นหลังการแบ่งและกำหนดความทึบแสงกลับไปที่ศูนย์ ... ดี! อาศัยการทำงาน!

ทางออกสุดท้ายซึ่งดูเหมือนจะทำงานและไม่รบกวนการทำงานของผมต้องถูกใส่หนึ่งพิกเซลซ้ำภาพพื้นหลัง / โปร่งใสในแผนกที่

Silly ... ! แต่ตอนนี้ดูเหมือนว่า IE มีความสุข

ง่ายๆ ... การแก้ไขปัญหานี้แสดงผลการใช้ปัญหาที่เกิดขึ้น: inline

div {float:left;margin:40px;display:inline;}

หากคุณมีองค์ประกอบ floated เช่น div และคุณวางขอบขวาหรือขอบซ้ายในองค์ประกอบที่ 6.0 Internet Explorer จะเป็นสองเท่าค่าระยะขอบที่ล้อเล่นขึ้นเค้าโครง HTM​​L / CSS เพื่อแก้ไขปัญหานี้แสดงผลเพิ่มเพียง: inline; กับองค์ประกอบลอยของคุณ