{}

Tạp chí tiếng Việt dành cho Web Designers.
Thứ Năm ngày 4 Tháng 12 năm 2008
Hiển thị ảnh PNG trên IE

Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới như Firefox, Opera, IE7. Còn một số trình duyệt cũ như từ IE6 trở xuống đều không hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một số thủ thuật để định dạng ảnh PNG có thể hiển thị tốt trong IE.

Trong khuôn khổ bài viết chúng ta sẽ không đi sâu vào phân tích nguyên lý cũng như là cách thức để làm cho định dạng PNG hiển thị tốt trên IE. Mà chúng ta chỉ dừng lại ở cách làm để đạt được những điều ở trên.

Trong tài liệu HTML của bạn các ảnh .png vẫn được chèn vào như thông thường.

<img scr="test.png" alt="Ảnh ví dụ" title="Ảnh ví dụ" />

Để ảnh .png có thể hiển thị tốt khi bạn dùng IE để duyệt thì bạn cần phải chèn file script vào trong tài liệu HTML của bạn. Giả sử rằng file script bạn để ở trong thư mục cùng cấp với tài liệu HTML.

<script language="javascript" type="text/javascript" src="/PieNG.js">
</script>
</body>

Tiếp đó bạn copy ảnh blank.gif vào cùng thư mục với file script.

Để dễ hình dung tôi đã làm một ví dụ đơn giản, các bạn có thể tải nó tại đây:

Hiển thị ảnh PNG trên IE

Download


Tổng hợp từ www.bazon.net

 

Vài nét về tác giả

Chu Huu Trung Chào tất cả các bạn, tên tôi là Chu Hữu Trung. Thiết kế Web là nghề của tôi, hiện nay tôi đang sống và làm việc tại Hà Nội (Việt Nam). Tôi rất vui khi các bạn ghé thăm cssyeah.com

Free icons

Free icons Với những bộ icon này bạn sẽ làm cho các dự án của bạn thêm sinh động hơn.