แก้ IE6 ให้ใช้ PNG

posted on 21 Sep 2010 20:42 by silentroom in Web-Design

อย่าคิดนะครับว่าสมัยนี้คงไม่ค่อยมีคนใช้ IE6 แล้ว
ยังครับ ยังมีคนใช้อยู่ เยอะด้วย โดยเฉพาะในเมืองไทย
เป็นการสนับสนุนให้คนทำเวบปวดหัวเล่นต่อไปครับ

ตั้งแต่เข้าสู่ยุคเวบ 2.0 จนจะเลยไปถึงสามแล้ว
ไฟล์ .png แทบจะเป็นมาตรฐานหนึ่งของการทำเวบสไตล์ 2.0 ไปแล้ว
คนทำเวบรุ่นใหม่ๆ ก็มักจะไม่สนใจการทำเวบให้ support กับ IE6 ซักเท่าไหร่แล้ว

สมน้ำหน้า เอ้ย น่าสงสารไออีหก จริงๆ ครับ

ในฐานะคนทำเวบ(ที่ดี) เราควรทำเวบให้ใช้งานได้ดีกับทุกบราวเซอร์ แม้ว่าใจเราอยากจะเอาไออีหกไปถ่วงน้ำให้มันรู้แล้วรู้รอดก็ตาม :P

 

เข้าเรื่องดีกว่า..

วิธีแก้เรื่องนี้มันง่ายนิดเดียวครับ เพราะมีฝรั่งใจดีทำสคริปต์แจกให้ชาวโลกเอาไปใช้ฟรีๆ

ดาวน์โหลดเฮีย *_*


วิธีใช้ก็แสนง่ายดาย เหมือนเข็นครกลงภูเขาครับ

แค่แปะโค้ดนี้

<!--[if IE 6]><script type="text/javascript" src="<?php echo $url; ?>/js/DD_belatedPNG_0.0.8a-min.js"></script><![endif]-->
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
 
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>

 

ภายใน <head> นะครับ

วิธีใช้งาน ก็แค่เปลี่ยนค่าเป็นชื่อ id หรือ class ที่รูปเราอยู่น่ะครับ เช่น
DD_belatedPNG.fix('#header, .nav h1');

ประมาณนี้น่ะครับ ง่ายๆ แค่นี้ เวบเราก็แจ่มแมวบนไออีหกแว้ววว

Comment

Comment:

Tweet

I reading your blog today It was very interesting and informative.

#1 By Creative Logos Gallery (110.37.54.111) on 2010-10-23 21:15