--- title: "Png-fix för IE med bild som upprepas" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/171611-png-fix-för-ie-med-bild-som-upprepas" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "silfver" published: "2008-05-18T18:20:25.000Z" updated: "2008-05-19T13:16:23.000Z" replies: 13 views: 965 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/171611-png-fix-för-ie-med-bild-som-upprepas" --- # Png-fix för IE med bild som upprepas ## #1 — silfver, 2008-05-18T18:20Z Jag får till alla bilder utan den som ska upprepas - bakgrunden i min main-div. Jag använder mig av den här koden: ``` * html #main {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled= *true, src='img/main.png', sizingMethod='[B]scale[/B]');} ``` Jag har prövat, scale, image och crop, men alla ger samma resultat - ingen bild visas. Har ni någon lösning på hur man kan få en png24-bild att upprepas och se bra ut även i IE? \* Det är wF som lägger in mellanslaget här. Permalänk: https://www.webforum.nu/p/171611 ## #2 — Danne V, 2008-05-18T19:55Z Varför använder du en asterisk? (\*) Den betyder väl ungefär "free for all". Kan du inte bara först testa med en vanlig gif eller nåt som inte kräver ett filter så att du i alla fall vet att sökvägen är korrekt? Därefter kan du ju i så fall laborera med filtret.... Men om minnet inte sviker så har jag för mig att olika filter och transparency/translucency ibland inte kan appliceras på just bakgrundsbilder i alla webbläsare. Så du kanske måste testa olika.... Permalänk: https://www.webforum.nu/p/2111091 ## #3 — Okkido, 2008-05-18T20:00Z Danne V: Permalänk: https://www.webforum.nu/p/2111095 ## #4 — silfver, 2008-05-18T21:04Z Sökvägarna är det inget fel på, bilderna visas ju korrekt i vettiga läsare. Permalänk: https://www.webforum.nu/p/2111110 ## #5 — tanten, 2008-05-18T21:05Z Visas det någon bild om du ändrar till ``` * html #main {//background: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/main.png,sizingMethod=crop);} ``` Permalänk: https://www.webforum.nu/p/2111111 ## #6 — silfver, 2008-05-18T21:09Z Nej. :( Permalänk: https://www.webforum.nu/p/2111112 ## #7 — tanten, 2008-05-18T21:15Z Är det mac du testar på? Jag testade nu på PC och den fungerar. Men hur ser html-koden ut då? Permalänk: https://www.webforum.nu/p/2111113 ## #8 — silfver, 2008-05-18T21:28Z Jag använder totalvalidator.com när jag kollar ifall sidan fungerar i IE. tanten: Du har pm. Permalänk: https://www.webforum.nu/p/2111115 ## #9 — Okkido, 2008-05-18T22:06Z Glöm inte att AlphaImageLoader utgår från rooten. Har du satt background:none för IE6? Har du testat helt utan scale eller crop? Men upprepa kommer du inte kunna göra, skala den är det närmsta du kommer. Permalänk: https://www.webforum.nu/p/2111116 ## #10 — tanten, 2008-05-19T06:02Z Låt sidan vara som den är med png-bilder för alla webläsare och låt IE6 se sidan med gif. Lägg in en \* html #main {background: url(main.gif) repeat-y;} direkt efter din andra #main eller sist i css-filen. Inte först! Jag tror det är det enda du kan göra när bilden inte finns i html-koden... De som håller kvar vid 6:an får väl vänja sig vid att sidorna inte håller samma kvalitet...:-) Permalänk: https://www.webforum.nu/p/2111133 ## #11 — silfver, 2008-05-19T07:52Z > **Okkido skrev:** > > Glöm inte att AlphaImageLoader utgår från rooten. Har du satt background:none för IE6? Har du testat helt utan scale eller crop? > > Men upprepa kommer du inte kunna göra, skala den är det närmsta du kommer. Jag har två andra png:s som visas korrekt i IE. Det är bara den där som ska upprepas som det blir fel på. Men jag har nu gjort den 800 pixlar hög och har prövat både crop, scale och image, men den visas ändå inte. Nu verkar det ha hänt nåt med validatorns läsare, för nu visas inga png-bilder. Gah. Jag får sitta med det här i vmware i stället när jag har tid. Återkommer. > **tanten skrev:** > > Låt sidan vara som den är med png-bilder för alla webläsare och låt IE6 se sidan med gif. > Lägg in en \* html #main {background: url(main.gif) repeat-y;} direkt efter din andra #main eller sist i css-filen. Inte först! > Jag tror det är det enda du kan göra när bilden inte finns i html-koden... De som håller kvar vid 6:an får väl vänja sig vid att sidorna inte håller samma kvalitet...:-) Jag låter IE-användarna få en tråkig bakgrund i stället. Tyvärr... de flesta kunder har ju i dag IE, eftersom de inte vet bättre. :( Permalänk: https://www.webforum.nu/p/2111147 ## #12 — tanten, 2008-05-19T08:06Z Du skriver alltid så snygg html-kod så du kan ju ge IE6-folket precis vad du vill nu, utom upprepande png-bilder, men se alltid till att \* html-grejerna finns sist... Permalänk: https://www.webforum.nu/p/2111151 ## #13 — silfver, 2008-05-19T12:34Z Tack, tanten. :) Jag har brottats med Explorer alldeles för länge, så nu gjorde jag en conditional comment för IE-användarna. :( ``` ``` Det får tyvärr bli lösningen. Surt! Permalänk: https://www.webforum.nu/p/2111202 ## #14 — UrMe, 2008-05-19T13:16Z Tror inte det finns någon lösning för att göra png transparent i IE6 om de loopar som bakgrund. Sökte på detta för ett tag sedan och kom fram till att jag fick byta ut bilderna till .gif, alternativt sätta none på bakgrunden för de med IE6. Permalänk: https://www.webforum.nu/p/2111212 --- Tråden på webben: https://www.webforum.nu/amne/html-css/171611-png-fix-för-ie-med-bild-som-upprepas