Jan
26
2008

ie7-js : ช่วยแก้ปัญหา HTML, CSS และ transparent PNG

1,342 views

ต่อไปนี้คงได้เวลาเลิกปวดหัวกับการเขียน CSS ที่ทำงานได้ถูกต้องและดีบน FireFox แต่กลับมาดูแย่เมื่อมาเปิด IE

IE7.js เป็น Javascript library ที่จะช่วยแก้ปัญหา HTML, CSS และ transparent PNG ให้ทำงาน
ได้ถูกต้องบน IE5,IE6 ได้ ซึ่งตอนนี้ยังเป็น beta อยู่

วิธีใช้งานนั้นง่ายๆ เลยครับ save ไฟล์ไว้ที่เครื่องเรา หรือจะดึงจากที่ต้นทางเลยก็ได้

IE7.js
อัพเกรดให้ MSIE5-6 ทำงานได้เหมือน MSIE7

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]-->

IE8.js
อัพเกรดให้ MSIE5-7 ทำงานกับเรื่อง CSS ขั้นสูงที่ไม่มีใน MSIE7

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
<![endif]-->

ถ้าใช้ IE8.js แล้วไม่จำเป็นต้องใช้ IE7.js

PNG
ข้อแม้ว่า ไฟล์ png ต้องต่อท้ายแบบนี้นะครับ : *-trans.png  และ transparent background
จะไม่สามารถ repeated ได้โดยการใช้ background-repeat

ดาวน์โหลด
http://ie7-js.googlecode.com/svn/version/

ตัวอย่างการทำงาน
http://ie7-js.googlecode.com/svn/test/index.html

ข้อมูลเพิ่มเติม
http://code.google.com/p/ie7-js/

Written by Pipo in: Web Developer |

1 Comment »

  • ข้อแม้ว่า ไฟล์ png ต้องต่อท้ายแบบนี้นะครับ : *-trans.png

    Exsample. The files original save to filename-trans.png <- be correct or not.

    และ transparent background จะไม่สามารถ repeated ได้โดยการใช้ background-repeat <– find now

    Comment by pong — November 9, 2008

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes