Avatar billede raan Nybegynder
05. februar 2008 - 16:19 Der er 9 kommentarer og
1 løsning

Gennemsigtig tabel

Er der en som kan finde ud af at gøre så tabelen bliver gennemsigt når musen ikke er henover, men så når musen er henover skal den blive normal.
- har et ex. med et billede her:
<img src=images/ukendt.jpg style=filter:alpha(opacity=70) onMouseover=this.filters.alpha.opacity=100 onMouseout=this.filters.alpha.opacity=70>
Avatar billede w13 Novice
05. februar 2008 - 16:45 #1
<table style="filter:alpha(opacity=70)" onmouseover="this.style.filter='alpha(opacity=100)'" onmouseout="this.style.filter='alpha(opacity=70)'">
<tr><td>Test</td></tr>
</table>
Avatar billede w13 Novice
05. februar 2008 - 16:46 #2
"Filter" er dog opfundet af Microsoft, så visse browsere understøtter det ikke. De kræver i stedet:
  opacity:0.7;
Avatar billede roenving Novice
06. februar 2008 - 00:46 #3
-- og en del mere kode:

<table style="filter:alpha(opacity=70);opacity:0.7;moz-opacity:0.7" onmouseover="if(this.filters){this.filters.alpha.opacity='100';}else{this.style.opacity='1';this.style.MozOpacity='1'};" onmouseout"if(this.filters){this.filters.alpha.opacity='70';}else{this.style.opacity='0.7';this.style.MozOpacity='0.7'};">
<tr><td>Test</td></tr>
</table>
Avatar billede roenving Novice
06. februar 2008 - 00:47 #4
Ufff ...

<table style="filter:alpha(opacity=70);opacity:0.7;moz-opacity:0.7" onmouseover="if(this.filters){this.filters.alpha.opacity='100';}else{this.style.opacity='1';this.style.MozOpacity='1'};" onmouseout="if(this.filters){this.filters.alpha.opacity='70';}else{this.style.opacity='0.7';this.style.MozOpacity='0.7'};">
<tr><td>Test</td></tr>
</table>
Avatar billede raan Nybegynder
06. februar 2008 - 12:27 #5
Jeg kan ikke få det til at virke - er i sikker på den løsning virker? :-)
Avatar billede w13 Novice
06. februar 2008 - 13:25 #6
Fint på min computer.
Avatar billede roenving Novice
06. februar 2008 - 13:40 #7
For at det virker rimeligt ens crossbrowser skal du huske at have en fuldt kvalificeret doctype som det allerførste i dokumentet, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

...

-- og det bliver nok lidt tydeligere, hvis du:

<table style="filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;background:red;color:#ccc;" onmouseover="if(this.filters){this.filters.alpha.opacity='100';}else{this.style.opacity='1';this.style.MozOpacity='1'};" onmouseout="if(this.filters){this.filters.alpha.opacity='70';}else{this.style.opacity='0.7';this.style.MozOpacity='0.7'};">
<tr><td>Test</td></tr></table>

--  der fik jeg så også fanget en fejl i forhold til de gamle Mozillaer !-)
Avatar billede raan Nybegynder
06. februar 2008 - 13:54 #8
arh, nu virker det.

tak for det, smid lige et svar roenving :-)
Avatar billede roenving Novice
06. februar 2008 - 14:05 #9
Velbekomme '-)
Avatar billede roenving Novice
07. februar 2008 - 01:40 #10
-- og tak for point ;~}
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