Archief - JS: png IE transparancy fix voor table bg?

o

ocùn

Legacy Member

• 24 sep 2005

• #1

hellow, kheb een klein site gemaakt waarin ik transparante png's gebruik
ik heb reeds een fix gevonden (javascript: http://homepage.ntlworld.com/bobosola ) om transparante png's correct af te beelden in IE maar wanneer ik png's als background van een table zet zijn ze nog steeds niet transparant (maar bv gewoon <img src="transp.png> toont wel transparant)

linky: http://wim.dirker.org/indexx.php

hoe los ik dit op?
'kben nogal nieuw in webdesign

T

The Crazy Frog

Legacy Member

• 25 sep 2005

• #2

Afaik niet mogelijk om da ook toe te passen op bg images.
Ik had het zelfde probleem op mijn site, en kheb het opgelost door gif-afbeeldingen te maken voor IE en png's voor opera/firefox.
Dan een klein scriptje om de juiste afbeeldingen te geven aan de juiste browser.
Mss kan je het ook zo aanpakken...

B

BertG

Legacy Member

• 25 sep 2005

• #3

is wel mogelijk, is wel klote (enkel rekken, geen repeat)
Kijk es naar de css van deze site: http://bertg.lin2.nucleus.be/clients/frietlounge2/

o

ocùn

Legacy Member

• 25 sep 2005

• #4

oké kheb gauw een stylesheet aan toegevoegd en uw trukske gebruikt
nu zijn de png's in IE wel transparant, maar men tables staan nu links ipv centered en mijn menu werkt er niet meer (in firefox alles ok)
iemand een idee wat der mis is?

pagina: http://wim.dirker.org/indexx_style.php
stylesheet: http://wim.dirker.org/style.css

T

The Crazy Frog

Legacy Member

• 25 sep 2005

• #5

Ik denk wel dat et gemakkelijker is als je met <div>'s werkt:
css:

Code:

#blah{
  margin: auto;
  background: blablabla;
}

html:

Code:

<div id="blah">content</div>

Dit zou normaalgezien moeten werken in IE en in ff.
PS: ik heb dat hier gewoon getypt, maar nie uitgeprobeerd...

o

ocùn

Legacy Member

• 25 sep 2005

• #6

effe getest (tables vervangen door divs) maar helpt niets, menu werkt nog steeds ni in IE
tligt aan die

Code:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/stripe.png');

als ik da weglaat dan werkt de menu wel (en staat alles op de juiste plaats) maarja dan hebbek geen fotokes

o

ocùn

Legacy Member

• 25 sep 2005

• #7

dan doeket zonder transparante
meer gefoeter mabon

B

BertG

Legacy Member

• 25 sep 2005

• #8

heb ook zo'n probleem gehad...
De filter laat als het ware nieks door...
Als je bv in een div zo'n filter plaats en daar een link bovenop doet, dan zal de link enkel aankikbaar zijn op de ransparante delen (vreemd eh)
Dus maak zeker dat de link de filter heeft, niet een achterligend element

T

The Crazy Frog

Legacy Member

• 26 sep 2005

• #9

probeer es:

Code:

position: absolute;
left: 50%;
margin-left: -200px; /* uw breedte van uw box gedeeld door 2 */

t

tha_rippa1be

Legacy Member

• 20 nov 2006

• #10

Alvast sorry voor de threaddigging, maar ik zit met hetzelfde probleem en ik zie nu niet direct een oplossing staan. Nu hoop ik dat een jaar later er misschien wel een voor bestaat.

Deze: http://homepage.ntlworld.com/bobosola en gelijkaardige oplossingen kwam ik ook tegen maar werkten allemaal niet.

Het gaat over deze site: http://jerpel.sohosted.com/thoughtbin/
CSS bestand (voor IE, FF en Opera hebben een andere stylesheet):
http://jerpel.sohosted.com/thoughtbin/stylesheets/iestyle.css
(logo staat dus als achtergrondafbeelding in een div.)

Alles werkt dus perfect in Opera en FF, maar enkel de transparency van het logo werkt niet in IE.