Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Frederik Junkuhn wrote in dk.edb.internet.webdesign.html:
> > Hej,
> >
> > Jeg, som mange andre, har et problem med Internet Explorer 7. På
> > min side
http://junkuhn.com - under "Area 42" har jeg lagt et ur
> > op, lavet i flash (class="clock-show"). Det er i en class, som er
> > givet atributtten "visibility:hidden", og ved mouseOver på en
> > anden class (class="clock"), skal den vises. Dette virker fint i
> > FireFox, men ikke i Internet Explorer.
> >
> > Det hele er CSS styret, og her er koden for de 2 klasser:
> >
> > #tst a .clock-show{ visibility:hidden;
> > position:absolute;
> > right:550px;
> > top:150px;
> > border:0;}
> >
> > #tst a.clock:hover .clock-show{ width:177px;
> > height:41px;
> > visibility:visible;
> > position:absolute;
> > right:550px;
> > top:150px;
> > border:0;}
> >
> > På forhånd tak.
> >
> >
> > PS: Håber det er iorden med en smugle kode i indlæget..:)
> >
> > --
> > 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
>
>
> Har mødt det før.
> Attributten visible er til at skifte mellem overlappende elementer
> (selv om et object er hidden, tager det plads i designet, så hvis
> der ikke er noget der dækker over det, vil det vises alligevel.
> Svarer lidt til at bruge z-index.)
> Brug diplay:none og display:block i stedet - det fjerner/tilføjer
> objektet fra/til designet. Og det virker. Bruger det ofte... ;>)
>
> Birger
>
>
Tak for dit hurtige svar Biger, men det virker stadig ikke i Internet
Explorer 7. Min kode ser nu sådan her ud:
#tst a .clock-show{ display:none;
position:absolute;
right:550px;
top:150px;
border:0;}
#tst a.clock:hover .clock-show{ width:177px;
height:41px;
display:block;
position:absolute;
right:550px;
top:150px;
border:0;}
Den følder iøvrigt heller ikke min "position:absolute".
-Frederik
--
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