/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
opacity i pseudoclass :hover blinker
Fra : jesper skjønnemand


Dato : 10-09-04 14:44

Halløj.

Jeg har et lille problem med opacity.

Logoet på mit netsted (som ikke er lagt på nettet endnu, derfor
intet link) skulle gerne skifte fra en opacitet på .80 til en
opacitet på 1, når jeg bevæger cursoren over det.

Det virker også fint nok. Problemet er, at der kommer et hvidt
blink (som om billedet blitzer), når jeg trækker cursoren ind
over billedet. Fænomenet forekommer ikke, når jeg bevæger
cursoren ud af billedet igen.

Derfor: Har nogle oplevet det samme blink? Kan man gøre noget ved
det?

CSS koden ser sådan her ud:

img.logo {
   position:absolute;
   top:0px;
   left:0px;
   width:321px;
   height:80px;
   border:none;
   filter:alpha(Opacity=80);
   -moz-opacity:0.8;
   }   

img.logo:hover {
   filter:alpha(Opacity=100);
   -moz-opacity:1.0;
   }   

På forhånd tak
Jesper Skjønnemand

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Dan Storm (10-09-2004)
Kommentar
Fra : Dan Storm


Dato : 10-09-04 16:30

jesper skjønnemand wrote:

> Halløj.
>
> Jeg har et lille problem med opacity.
>
> Logoet på mit netsted (som ikke er lagt på nettet endnu, derfor
> intet link) skulle gerne skifte fra en opacitet på .80 til en
> opacitet på 1, når jeg bevæger cursoren over det.
>
> Det virker også fint nok. Problemet er, at der kommer et hvidt
> blink (som om billedet blitzer), når jeg trækker cursoren ind
> over billedet. Fænomenet forekommer ikke, når jeg bevæger
> cursoren ud af billedet igen.
>
> Derfor: Har nogle oplevet det samme blink? Kan man gøre noget ved
> det?
>
> CSS koden ser sådan her ud:
>
> img.logo {
>    position:absolute;
>    top:0px;
>    left:0px;
>    width:321px;
>    height:80px;
>    border:none;
>    filter:alpha(Opacity=80);
>    -moz-opacity:0.8;
>    }   
>
> img.logo:hover {
>    filter:alpha(Opacity=100);
>    -moz-opacity:1.0;
>    }   
>
> På forhånd tak
> Jesper Skjønnemand
>

Jeg har ingen problemer med din kode i FireFox, dog virker koden slet
ikke i IE.


--
Dan Storm

http://err0r.dk
storm@err0r.dk

PGP Public key på http://err0r.dk/pubring.pkr

>>> husk på; en ekspert er en person der har begået alle fejl mulige
inden for et bestemt område



Knud Gert Ellentoft (10-09-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 10-09-04 16:55

Dan Storm skrev:

>Jeg har ingen problemer med din kode i FireFox, dog virker koden slet
>ikke i IE.

Fordi IE kun understøtter hover på links og ikke på img f.eks.

PS. Vær rar at klippe i det, du svarer på, der er ingen grund til
at citere hele det indlæg, som man svarer på.
--
Knud

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408936
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste