PDA

View Full Version : hix hix lại nỗi ảnh hiện thị PNG trong background



Quartermain
19-06-2008, 02:30
Lỗi fix ảnh png để hiện thị lên IE 6 trong suốt thì ok rồi. Nhưng đó là trong trường hợp là 1 bức ảnh muốn đưa lên.Nhưng ở đây mình lại muốn bức ảnh PNG đó là 1 background. thì nói lại ko được.

Khi chèn đoạn code này:

position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().repl ace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);

vào trong class mà chứa background đó thì ok. Nhưng lại có 1 việc xẩy ra là mọi thẻ khi viết HTML lên background đó hầu như ko có tác dụng
ví dụ: thẻ a, input, ...


bác bro nào biết xin chỉ giáo với

Ds_Pham
19-06-2008, 17:00
Theo em biết thì ảnh png muốn trong suốt thì chỉ thể hiện là hình ảnh thôi, chứ còn dủng png làm background thi không thể trong suốt đc đâu. Trang www.site4you.vn pac hãy đăng ký và đăng nhập vào trang này có nhiều kiểu png pác muốn đó.

trouble_maker
25-06-2008, 09:50
Chờ mọi người chuyển hết sang Firefox, Opera, IE7+ sẽ ko còn phiền muộn nhiều như thăng IE6 thậm chí là IE7 cũng có nhiều lúc ngớ ngẩn.

xipam
25-06-2008, 10:56
Chờ mọi người chuyển hết sang Firefox, Opera, IE7+ sẽ ko còn phiền muộn nhiều như thăng IE6 thậm chí là IE7 cũng có nhiều lúc ngớ ngẩn.

nhầm to, IE vẫn chiếm phần đông

ptqlove
23-08-2008, 14:06
Theo mình biết thì có thể trasprent background png trên IE6.
Sử dung code sau
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(src=path_to_image, sizingMethod=crop);
_background-image:none;

michaelphan
25-08-2008, 11:01
Topic này lâu rồi mới co người lôi lên, tuy nhiên bây giờ thì tất cả PNG đều fix okie, ie6, ie7, ff, làm image hay background thì đều fix được (tất nhiên là giữ nguyên opacity, PNG 24 only, PNG8 ko làm transparent được).
Một số fix behavior trên mạng bị mất hover state khi mouseover, em đã kết hợp lại chỉnh sửa để fix cả link khi dùng png làm bg cho link có hiện tượng link ko còn trạng thái hover.
Hiện tại thì site này mình đang build nên chưa có demo live, sẽ update link cho các bạn tham khảo khi site hoàn thành.
Tuy nhiên báo trước là dùng behavior js htc thì khi validate css bị invalid, bác nào ko care w3c css validation thì đánh dấu topic lại nhé. Em sẽ update sau.

righteous
10-02-2010, 10:52
Topic này lâu rồi mới co người lôi lên, tuy nhiên bây giờ thì tất cả PNG đều fix okie, ie6, ie7, ff, làm image hay background thì đều fix được (tất nhiên là giữ nguyên opacity, PNG 24 only, PNG8 ko làm transparent được).
Một số fix behavior trên mạng bị mất hover state khi mouseover, em đã kết hợp lại chỉnh sửa để fix cả link khi dùng png làm bg cho link có hiện tượng link ko còn trạng thái hover.
Hiện tại thì site này mình đang build nên chưa có demo live, sẽ update link cho các bạn tham khảo khi site hoàn thành.
Tuy nhiên báo trước là dùng behavior js htc thì khi validate css bị invalid, bác nào ko care w3c css validation thì đánh dấu topic lại nhé. Em sẽ update sau.

Nói phét thôi rồi

hc1305
25-02-2010, 18:45
hi! tớ có viết một bài về cách fix png cho IE 6, nhưng ko biết đâu rồi, bác thử tìm kiếm trên diễn đàn xem. Nói chung tớ cũng là một design web, vấn đề fix png giờ là chuyện quá khứ rồi. Nếu bác cần liên hệ qua yahoo cho tớ: hc1305. Tớ sẽ gửi file để fix cho bác. bảo đảm validate w3c chuẩn, ko ăn thua gì hết. nói chung là nó có thể link hover, div background ... đầy đủ.