Avatar billede stig69 Nybegynder
05. marts 2008 - 18:33 Der er 3 kommentarer

problemer med filter Alpha png og IE og FF

Jeg har følgende i mit stylesheet:

  background: url('hover_triangle.png') no-repeat bottom left;

Jeg kan desværre ikke benytte gif istedet for png. Derudover har jeg links ovenpå baggrunden.

Ovenstående fungerer glimmerende i FF og IE 7.0, men ikke i 6.0. Jeg har læst mig til at det er fordi IE 6.0 ikke understøtter png. Problemet kunne løses ved at indsætte følgende istedet:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover_triangle.png',sizingMethod='scale');
  background: url('hover_triangle.png') no-repeat top left !important;
  background: none;

Det fungerer glimmerende i FF, både links og transparent baggrund. I IE 7.0 har jeg nu to transparente baggrunde og links fungerer ikke mere. I IE 6.0 har jeg fået en fin transparent baggrund, men links fungerer ikke.

Er der nogle der kan hjælpe mig med denne her?

Mvh

Stig
Avatar billede or.han Nybegynder
16. marts 2008 - 12:57 #1
Hvorfor altid bruge masser af tid på at få tingene til at virke i IE6? Jo, størstedelen bruger det, men det er altså sindssygt irriterende at skulle understøtte en underudviklet browser. Mit råd: lav speciel stylesheet til IE6 og gør så IE6-brugere ser en .gif:

<!--[if IE 6]>
<style type="text/css">
  #id_navn_paa_element {
      background-image: url('hover_triangle.gif");
  }
</style>
<![endif]-->

Jeg har masser af gange prøvet at få tingene til at virke med "filter", men det lykkes aldrig. Den medfører også at nogle links og form ikke virker. Så ville jeg hellere levere en lidt ringere version til IE6-brugere og spare mig selv for irritation og tidsspilde.
Avatar billede olebole Juniormester
16. marts 2008 - 15:53 #2
<ole>

stig69 >> der er flere måder, det sagtens lader sig gøre på. Den letteste er:

<style type="text/css">
.trans {
    background: url(my_trans_pic.png);
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.trans {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="my_trans_pic.png", sizingMethod="scale");

}
</style>
<![endif]-->

- men som altid kommer det anpå, hvordan du mere præcist skal bruge det  :)

/mvh
</bole>
Avatar billede stig69 Nybegynder
16. marts 2008 - 19:25 #3
Jeg endte med noget i samme stil.

en gif til IE 6.0 og en png til resten (FF og IE 7.0)

Tak for jeres kommentarer
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester