Håller på med en sida: www.anhorigstod.nu/test

Skuggorna på sidorna är genomskinliga png-filer, ser bra ut i alla webbläsare. Men i IE blir alla länkar oklickbara och det går inte att markera texten.

Det ska gå att göra, se t.ex www.grandhotel.se

Vad är det som jag missat?

(Jag har använt grand hotel som modell när jag designat sidan; en wrapper div med den skuggade bakrundsbilden, sedan en div innanför den med själva innehållet.)

Jag hittar inga fel på din kod, så det är antagligen IE som som vanligt feltolkar css. Det verkar som att en div täcker hela sidan, och att den alltså blockerar alla klick på texter under sig. Trippelklickar man på texten markeras dock allt på sidan, dvs allt innehåll i denna div?

Har du något ful-css-hack för att få PNG att fungera i IE? Nu fattade jag inte riktigt vilka bilder som är PNG, men är ligger dom som bakgrund i diven? Alltså background: url(blabla.png); ?

Har själv haft liknande problem, och då va lösningen att antingen lägga en div ovanpå där det klickbara innehållet ska vara, eller skippa PNG fulhacket. :(

Det konstiga är att grandhotel.se funkar i IE6 och IE7, men inte sidan som jag utvecklar. Så det måste vara någon skilnad i koden.

Ja, det är en div med en PNG bakrundsbild som jag har gjort ett fulhack för att få fungera snyggt i IE. Kolla http://www.anhorigstod.nu/test/css/ie.css.

grandhotell verkar endast ha png i ytterramen, knappar osv verkar vara gif. Så knappar osv måste du nog ha som gif för att få dom klickbara. Har som sagt haft samma problem, och lösningen var en extra div med innehållet som skulle vara klickbart.

Annars går det ju att få transparens att fungera bra på gifbilder. Har du Photoshop så kan du "save for web" fungerar helt ok.

Jag har gjort precis som grand hotel med en innerdiv med innehållet.

Gif bilder kan ju inte spara alfa-kanaler. Jag vill att när man skrollar så ska bakrundsbilden ligga fixerad och att den ska blandas bra med skuggningen på kanterna.

Jag har nu hittat en lösning för de som är intresserade:

De divar som liggar innanför bakgrunds-diven sätter man position: relative och z-index: 10