dobre png v ie

Flety · Napísal **Flety**: 07.12.2007 19:50

nasiel som na nete jeden skriptik, ktory dokaze urobit taku vec ze v ie pojde obrazok png tak, ako ma. problem je ale v tom ze mi to nejde. videl som ten script aj na inej stranke a tam fungoval(mali ho sice upraveny ale neva)
kody:
toto mam v hlavicke v html:

Kód:

  <!--[if IE 6]>
<script defer type="text/javascript" src="png.js"></script>
<![endif]-->

a toto je png.js:

Kód:

/*
 
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters)) 
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         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
         i = i-1
      }
   }
}

ako je to mozne ze mi nejde? js mam zapnuty

juho · Napísal **juho**: 07.12.2007 20:37

v ie nejde png? to zas odkedy?? zas som nieco zmeskall ja sa nato mozem .....

Flety · Napísal autor témy **Flety**: 07.12.2007 20:41

ide, ale ked je tam priesvitna plocha tak ju vyplni takou modrou farbou cize sice ide ale nekorektne, tento skript ma robit to, ze nebude vyplnovat tou farbou ale bude to skutocne prisvitne

imcold · Napísal **imcold**: 07.12.2007 21:25

Dá sa to aj priamo cez css:

Kód:

#header {
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style_piczos/jesen/page_top.png');
}

Prvou deklaráciou zrušíš pôvodné pozadie, druhou nastavíš nové s použitím filtra. Nevýhodou je napríklad, že ak sa obrázok nejakým spôsobom prekrýva s odkazom, ten prestane reagovať (obrázok blokuje mouse over/click eventy).

chrono · Napísal **chrono**: 07.12.2007 21:56

Mne sa páči toto riešenie:

Kód:

http://www.scss.com.au/family/andrew/webdesign/pngbehavior/

Flety · Napísal autor témy **Flety**: 07.12.2007 22:08

no dobre, ale nechapem preco mi tzo nejde ked inde na inej stranke to ide

rik · Napísal **rik**: 20.04.2008 12:35

Ja som nasiel spickovy fix

http://homepage.ntlworld.com/bobosola/pnghowto.htm

ale nefunguje mi "opacity" a ani "mouseover" (rollover), teda lepsie povedane nerozumiem tomu, co mam v tagoch upravit

http://homepage.ntlworld.com/bobosola/png_mouseover.htm

vie niekto pomoct?

jarito · Napísal **jarito**: 07.08.2008 14:22

Aj mne to robi a neviem čo stym ale nepouživam css čo mam robiť pozrite:
www.smallville.cinemaview.sk.
Skusi mi to niekto zjednodušene napisať čo mam vložiť do kodu ?

pepek92 · Napísal **pepek92**: 07.08.2008 15:28

Skús použiť toto:

http://www.twinhelix.com/css/iepngfix/

Postup máš na tejto stránke:

http://www.twinhelix.com/css/iepngfix/demo/

jarito · Napísal **jarito**: 07.08.2008 15:44

ale však to je pre css nie nahodou ? napiš mi na icq:267479974 prosim ta dik

pepek92 · Napísal **pepek92**: 07.08.2008 15:51

Žiadne ICQ, problém sa má vyriešiť na fóre. Ja nie som technická podpora. Inak to ani nemáš šancu spraviť. A CSS používaš. Iné riešenie okrem JS nie je a ten nemá povolený každý užívateľ.

jarito · Napísal **jarito**: 07.08.2008 16:01

asi viem čo použivam nie ? a css nepouživam ale dik možno tu bude niekto ochotnejši

pepek92 · Napísal **pepek92**: 07.08.2008 16:37

V tom prípade zrejme nevieš, čo CSS je. A nerozumiem, prečo to nechceš spraviť podľa toho čo som ti dal ja, alebo čo sú príklady vyššie.

Citácia:

možno tu bude niekto ochotnejši

Toto je diskusné fórum na ktorom sa okrem iného riešia problémy. Problém sa rieši v téme a nie na ICQ.

dobre png v ie

Podobné témy