Avatar billede spaff Nybegynder
18. juni 2004 - 13:40 Der er 5 kommentarer og
1 løsning

Internet explorer og filter: alpha

Hej Eksperter ;)

Jeg sidder med et problem. Jeg har en side, hvor jeg har et baggrundsbillede. Inde i det, har jeg et table, som har style="filter: alpha(opacity=80);". Derved bliver tablet transparent, og jeg kan skimte baggrunden igennem det. Det er sådan det skal være. I det transparente table, viser jeg både billeder og tekst. Problemet er nu, at både tekst og billeder bliver gennemsigtige også, og ikke kun baggrunden de er på, dvs, jeg kan fx se mit baggrundsbillede igennem et billede inde i det table, hvilket ikke er meningen.

Er der nogen der ved hvordan jeg forhindrer billederne (primært) og teksten (sekundært) i også at blive transparente?

samle code:
<div style="width: 800px; padding: 20px; text-align: center; background-color: green; background-image: url(baggrund.jpg); background-repeat: no-repeat; border: 1px solid black;">
<table style="width: 600px; background-color: white; border: 1px solid black; filter: alpha(opacity=80);">
  <tr>
  <td>
    <img src="billede.jpg" alt="" style="float: right; clear: right;">
    Lalalala "tekst" blablabla
  </td>
  </tr>
</table>
</div>
Avatar billede taskmgr Nybegynder
18. juni 2004 - 13:47 #1
Metoden som du bruger er rent faktisk ikke særlig god, idet den kun virker i IE.

Jeg vil foreslå dig at lave et gif billede hvor hveranden pixel er gennemsigtig og bruge denne som baggrund i stedet. Så slipper du også for at din tekst og dine billeder bliver svære at se.
Avatar billede spaff Nybegynder
18. juni 2004 - 13:48 #2
Det er jo ikke alpha-blending ;) Og om det kun virker i IE, er fint for mig. Folk der ikke bruger IE må bare undvære alpha. Siden er også fin uden alpha, men ville være nice at kunne få det til at du ordentligt.
Avatar billede spaff Nybegynder
18. juni 2004 - 14:14 #3
Anyone? :)
Avatar billede skovenborg Nybegynder
18. juni 2004 - 17:04 #4
prøv at sæt:
style="position:relative;" på din td:
<td style="position:relative">
    <img src="billede.jpg" alt="" style="float: right; clear: right;">
    Lalalala "tekst" blablabla
  </td>

Ved dog ikke om det blot var en tilfældelighed det virkede hos mig (eller så ud som om det virkede).

Forresten er der en mulighed for at gøre ting gennemsigtige i mozilla, nemlig med -moz-opacity:0.8; (skal være mellem 0 og 1). Men her er den endnu værre til at gøre resten gennemsigtige, så måske du bare skulle droppe den ;-)
Avatar billede christian- Nybegynder
18. juni 2004 - 18:44 #5
http://hjem.get2net.dk/arntsen/eksperten/transparent/faded_baggrund.htm

her kan du se en lavet. Du kan kigge i kilden og få mere information.
Avatar billede spaff Nybegynder
19. juni 2004 - 21:27 #6
Suverænt, christian! z-index: 2 og position: relative på selve billedet og problemet var løst!
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