Avatar billede gertnissen Nybegynder
03. december 2003 - 22:04 Der er 3 kommentarer og
1 løsning

Mouseover i div virker ikke med filter ?

I nedenstående kode var det meningen at DIV området skulle være lettere tåget, indtil man førte musen ind over det og sættes tilbage til tåget igen når musen forlader områder - hvorfor virker det ikke ?

---------------- START kode ----------------------
<html>
<head>
<style>
#divtest {
    background-color: #990000;   
    filter: Alpha(style=0,opacity=40);
}
</style>
</head>
<body>
<div id="divtest"
    onmouseover="this.style.filter='alpha(Opacity=99)';"
    onmouseout="this.style.filter='alpha(Opacity=20)';">
<b>&nbsp;Menu</b><hr>
</div>
</body>
</html>
---------------- /SLUT kode ----------------------

Følgende næsten tilsvarende kode med baggrund skift virker fint!
---------------- START kode ----------------------
<html>
<head>
<style>
#divtest {
    background-color: blue;   
}
</style>
</head>
<body>
<div id="divtest"
    onmouseover="this.style.background='#990000'"
    onmouseout="this.style.background='blue'">
<b>&nbsp;Menu</b><hr>
</div>
</body>
</html>
---------------- /SLUT kode ----------------------

Hvad skal der til for at få filter funktionen til også at virke ?
Avatar billede thesurfer Nybegynder
03. december 2003 - 22:34 #1
Jeg har fået det til at virke med koden forneden.. det virker ikke uden "position: absolute;"..

<style>
#divtest {
    background-color: #990000;   
    filter: Alpha(style=0,opacity=40);
    position: absolute;
}
</style>

<div id="divtest" onmouseover="this.filters.alpha.opacity='100'" onmouseout="this.filters.alpha.opacity='40'">
<b>&nbsp;Menu</b><hr>
</div>
Avatar billede thesurfer Nybegynder
03. december 2003 - 22:49 #2
af en eller anden grund gider den ikke at acceptere en skift med this.className.. andre ting kan den godt gøre med this.className..
Avatar billede gertnissen Nybegynder
03. december 2003 - 23:28 #3
Det er stærkt - hvordan kom du på at anvende "position: absolute;" som løsningsmulighed ?
Avatar billede thesurfer Nybegynder
03. december 2003 - 23:37 #4
Jeg fandt et eller andet sted på nettet :)
Takker for points.
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