[IE6] Transparante PNG als achtergrond - Links werken niet

Elwin - Fratsloos

15/08/2007 08:49:00

Dus. Echt een vaag probleem. Ik heb een transparante PNG als achtergrond in een lay-out. Deze achtergrond staat in de div met id bottom. Dit is de CSS:

Code (php)

1
2
3
4
5
6
7
8

#bottom {
    display: block;
    height: 50px;
    background-image: url(/images/bottom.png);
    background-repeat: no-repeat;
    width: 850px;
    margin-bottom: 15px;
}

Dit werkt in Firefox goed. Dat weten jullie wel. Nu weet ik ook dat ik voor IE6 een ander stuk CSS moet gebruiken. Die include ik op de manier van die comments:

Code (php)

1
2
3

Dan heb ik in ie6.css het volgende stuk staan voor die transparante PNG:

Code (php)

1
2
3
4

#bottom {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/bottom.png,sizingMethod='scale');
}

Nu werkt de achtergrond ook goed in IE6. So far, so good.

Nu het volgende. Ik heb in die div id bottom een hyperlink staan. In FF werkt deze en in IE niet. Ik kan er niet op klikken en de :hover werkt niet. Iemand enig idee waar dat aan ligt?

Elwin

[Edit: Typo]

Gewijzigd op 01/01/1970 01:00:00 door Elwin - Fratsloos

PHP hulp

24/05/2012 23:57:55

Gesponsorde koppelingen:

Jan Koehoorn

15/08/2007 09:32:00

Dat heeft waarschijnlijk te maken met dat IE filter dat je er nu op loslaat.

Tip: maak die div#bottom position: relative. Maak daarna een nieuwe div aan (noem hem bijv div#bottom-wrapper) met position: absolute. Geef hem left: 0, right: 0, top: 0 en bottom: 0

Hij overspant dan als het goed is precies je bottom div. Als je je hyperlink nu in de wrapper zet, zou het moeten werken.

Elwin - Fratsloos

15/08/2007 16:41:00

En moet die wrapper dan in de div met de filter geplaatst worden? Dus zeg maar zo:

Code (php)

1
2
3
4
5

Dat heb ik nu en dan werkt het ook niet.

Edit:
Tis gefixt nu. Ik had eerst (met de oplossing van Jan) dat de helft van de link aan te klikken was. Dit was een stuk van de link wat als achtergrond 100% transparantie had. Het zelfde plaatje ging dan naar 50% transparantie, waar ik de link niet meer kon aan klikken...

Nu heb ik die code van Jan weer weggehaald en hersteld naar de eerste situatie. Toen heb ik in de ie6.css het volgende toegevoegd:

Code (php)

1
2
3

#bottom a {
position: relative;
}

En werken...

Heb je toch niets aan, aan zo'n programma? K*t IE. :)

Elwin

Gewijzigd op 01/01/1970 01:00:00 door Elwin - Fratsloos

PHPhulp is een Nederlandstalige PHP community sinds 2002. Je vindt hier PHP tutorials, PHP scripts, PHP boeken en nog veel meer. Alles is geheel gratis!