Technology Website

ในการเขียนเวปไซด์สมัยนี้ เราต้องทดสอบให้เวปไซด์ที่เราสร้างสามารถแสดงผลได้ถูกต้อง ในทุก ๆ browser ซึ่ง browser ที่สร้างความปวดหัวให้มากที่สุดคือ IE7 IE7 นั้นมักจะปัญหาเกี่ยวกับ z-index DIV นี้เราอยากจะให้อยู่ด้านล่าง แต่มันก็ยังจะอยู่ข้างบน DIV นี้อยากให้อยู่ข้างบน แต่ก็ดันลงไปด้านล่าง
แ่ต่มันมีวิธีแก้ไข ซึ่งวิธีแก้นี้เราจะใช้ jQuery มาช่วย

ตัวอย่างโค๊ด

1. $(function() {
2. var zIndexNumber = 1000;
3. $('div').each(function() {
4. $(this).css('zIndex', zIndexNumber);
5. zIndexNumber -= 10;
6. });
7. });
   
   
   ซึ่งวิธีนี้คือเราจะกำหนด z-index ให้ทุก DIV เลยจะได้ไม่มีปัญหาเรื่องตำแหน่งกันอีก
   
   
   ขอขอบคุณ
   http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/
   http://www.webshowpow.com/