Problema cu un .png transparent si IE6
Last Updated: Apr 06 2010 23:45, Started by
costyliniar
, Sep 15 2008 23:17
·
0
#1
Posted 15 September 2008 - 23:17
Salut,
am pe site o poza, e .png transparent, dupa cum se stie IE6 nu stie sa afiseze astfel de poze. Am incercat sa convertesc poza in .GIF dar calitatea pozei a scazut mult si nu e estetic. Pot sa convertesc un .PNG in .GIF dar .GIF-ul sa aiba calitate calumea? Eu am incercat cu Photoshop, help -> export transparent image. Daca nu se poate vreau sa nu afisez poza deloc, cum fac asta cu javascript sau PHP? Am incercat in javascript dar se pare ca nu merge asa. (Am foarte putina experienta cu Javascript) <script type="text/javascript"> var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/; // <- partea asta de cod functioneaza if (IE6 == true) document.getElementById("poza_id").src="poza_de_culoarea_backgroundului.png"; </script> <img id="poza_id" src="png_transparent.png"> |
#2
Posted 15 September 2008 - 23:25
costyliniar, on Sep 15 2008, 23:17, said: Salut, am pe site o poza, e .png transparent, dupa cum se stie IE6 nu stie sa afiseze astfel de poze. Am incercat sa convertesc poza in .GIF dar calitatea pozei a scazut mult si nu e estetic. Pot sa convertesc un .PNG in .GIF dar .GIF-ul sa aiba calitate calumea? Eu am incercat cu Photoshop, help -> export transparent image. Daca nu se poate vreau sa nu afisez poza deloc, cum fac asta cu javascript sau PHP? Am incercat in javascript dar se pare ca nu merge asa. (Am foarte putina experienta cu Javascript) <script type="text/javascript"> var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/; // <- partea asta de cod functioneaza if (IE6 == true) document.getElementById("poza_id").src="poza_de_culoarea_backgroundului.png"; </script> <img id="poza_id" src="png_transparent.png"> Din orice fotografie ati poti face FavIcon pentru sit-ul tau aici http://www.htmlkit.c...rvices/favicon/ Edited by E_manuel1, 15 September 2008 - 23:26. |
#3
Posted 15 September 2008 - 23:52
E_manuel1, on Sep 16 2008, 00:25, said: Din orice fotografie ati poti face FavIcon pentru sit-ul tau aici http://www.htmlkit.c...rvices/favicon/ |
#4
Posted 16 September 2008 - 08:28
costyliniar, on Sep 15 2008, 23:17, said: Pot sa convertesc un .PNG in .GIF dar .GIF-ul sa aiba calitate ca lumea? Eu am incercat cu Photoshop, help -> export transparent image. |
#5
Posted 16 September 2008 - 08:38
costyliniar, on Sep 16 2008, 00:52, said: Eu nu vorbeam de FavIcon. Ci de o poza de pe site. http://www.twinhelix.../iepngfix/demo/ http://www.google.ro...e...oogle&meta= |
#6
Posted 16 September 2008 - 12:52
goblenro, on Sep 16 2008, 09:38, said: sunt o gramada de site-uri care te invata cum sa "fixezi" acest bug http://www.twinhelix.../iepngfix/demo/ http://www.google.ro...e...oogle&meta= Fixul care mi l-ai indicat l-am incercat inainte, mergea bine dar lungea aiurea celelalte .PNG-uri deci nu-l puteam folosi. Acum l-am reincercat dar am adaugat style="behavior: url(iepngfix.htc)" si merge pe localhost, dar cand il urc sus nu mai merge. Am incercat fix-ul asta si mi-a iesit. Problem solved. Edited by costyliniar, 16 September 2008 - 13:07. |
#7
Posted 16 September 2008 - 14:49
costyliniar, on Sep 16 2008, 13:52, said: Fixul care mi l-ai indicat l-am incercat inainte, mergea bine dar lungea aiurea celelalte .PNG-uri deci nu-l puteam folosi. Acum l-am reincercat dar am adaugat style="behavior: url(iepngfix.htc)" si merge pe localhost, dar cand il urc sus nu mai merge. Am incercat fix-ul asta si mi-a iesit. Problem solved. e si mai simplu, renunti la hackuri pentru ca or sa-ti faca probleme si rogi designerul sa-ti faca un layout care se poate trece pe web si-i explici frumos ca nu orice-i f*** lui mintea se si poate taia intr-un site. a doua varianta, renunti la transparenta, combini elementele cu background-ul si poti face si antialias a treia, in cazul in care vrei sa folosesti png-ul respectiv ca background, il transformi in jpg |
#8
Posted 17 September 2008 - 00:09
Quote e si mai simplu, renunti la hackuri pentru ca or sa-ti faca probleme si rogi designerul sa-ti faca un layout care se poate trece pe web si-i explici frumos ca nu orice-i f*** lui mintea se si poate taia intr-un site. Quote a doua varianta, renunti la transparenta, combini elementele cu background-ul si poti face si antialias Quote a treia, in cazul in care vrei sa folosesti png-ul respectiv ca background, il transformi in jpg Quote Daca nu se poate vreau sa nu afisez poza deloc, cum fac asta cu javascript sau PHP? * html #id {display:none} |
#9
Posted 17 September 2008 - 17:50
Ce folosim noi:
<!--[if lt IE 7]> <script defer type="text/javascript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE"); var version = parseFloat(arVersion[1]); var pngImages = new Array(); if ((version >= 5.5) && (document.body.filters)) { var imglist = document.getElementsByTagName("img"); for(var i=0; i< imglist.length; i++) { var img = imglist[i]; var imgName = img.src.toUpperCase(); if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { pngImages.push(img); } } for(var i=0; i < pngImages.length; i++) { var img = pngImages[i]; var imgID = (img.id) ? "id='" + img.id + "' " : ""; var imgClass = (img.className) ? "class='" + img.className + "' " : ""; var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "; var imgStyle = "display:inline-block;" + img.style.cssText; if (img.align == "left") imgStyle = "float:left;" + imgStyle; if (img.align == "right") imgStyle = "float:right;" + imgStyle; if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle; var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"; img.outerHTML = strNewHTML; } } } window.attachEvent("onload", correctPNG); </script> <![endif]--> |
#10
Posted 06 January 2010 - 16:07
|
#11
Posted 06 April 2010 - 23:45
Fix-urile pentru ie6 functioneaza dar probabil ai gresit tu ceva cand ai facut transferul. Sigur ai tranferat toate fisierele si sunt si corect apelate? iepngfix.htc iti poate creste mult timpul de incarcare daca pui mai multe png-uri pe pagina. Cel mai bine ar fi sa-ti avertizezi utilizatorul ca foloseste un browser vechi si ca ar putea sa-l schimbe sau macar sa faca un upgrade la cea mai recenta versiune de IE.
|
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users