29. juni 2006 - 11:34Der er
19 kommentarer og 1 løsning
Lag skjules ikke rigtigt i Opera
Jeg har en række skjulte lag (DIV tag), som indeholder en række links. Alt virker fint i IE, Firefox og Safari, men i Opera har jeg det problem at jeg kan klikke på links i et lag der er skjult, desuden laver den også onMouseOver på lag der er skjult.
Dvs. at hvis jeg har en undermenu til en undermenu, så dukker den sidste undermenu pludselig op midt på skærmen når man kører musen henover, uden at gå igennem de andre undermenuer.
Nogen der har et bud på hvorfor Opera behandler lag på denne måde, og evt. en nem løsning på problemet?
Hmmm, har ikke set det før ... det er ikke fordi du bruger visibility:hidden; istedet for display:none til at skjule og vise undermenuer med? - bare et skud i tågen... :/
Tror egentlig det var et meget godt skud. Det er lavet med de javascript funktioner dreamweaver genererer. Mener de benytter visibility:hidden, jeg kigger lige på det i morgen.
Ok ... du kan prøve at erstatte med notesblok: visibility -> display , visible -> block , hidden -> none ... det kan jo ikke svare sig at rode med at få dreamweaver til at rette det, hvis det ikke er det, der giver problemerne ...
- jeg kunne ikke få fejl ved brug af visibility ... ... men visibility optager plads mens display ikke optager plads - men jeg kan ikke umiddelbart genskabe fejlen i min Opera :/
- har testet lidt i et testdokument kan dog ikke få fejlen til at opstå med den i 29/06-2006 22:16:13 ... så jeg ved ikke om det skifte med visibility vs. display hjælper på opera :/
Kom godt nok lige til at tænke på en anden ting. For at lave link på hele laget har jeg lavet noget i stil med:
<a href="blabla.htm"><div>tekst</div></a>
Kunne vel også være det Opera ikke kan lide, da linket jo ikke bliver skjult, men kun laget. Det burde vel egentlig laves med en gennemsigtig gif der dækker laget og så lave linket på den!?
... Den del rettede jeg ikke det andet var nok ... - men et link på et helt lag er (vist) ikke helt ok (kodemæssigt) ... Du kan evt. prøve med: <div style="cursor:pointer;" onclick="window.location.href='blabla.htm';">tekst</div> Ulempen er dog at søgemaskiner ikke følger en onclick - så måske skal man så lave et sitemap... men rettelsen af visibility til display var nok til at Opera spiller hos mig ...
Jeg prøvede at sætte den til at bruge display i stedet for visibility, og det virkede fint i Opera, men begyndte så at lave mærkelige ting i IE og Firefox, så jeg prøvede at gå tilbage til visibility og fjerne links på lagene og nu virker det hele perfekt i alle browsere.
Der skulle vel så ikke være noget i vejen for at bruge onClick i forhold til søgemaskiner, når jeg har et sitemap? Eller hvad med at lave linket på en gennemsigtig gif der fylder hele laget?
[ Der skulle vel så ikke være noget i vejen for at bruge onClick i forhold til søgemaskiner, når jeg har et sitemap? ] - Det skulle ikke være noget problem
[ Eller hvad med at lave linket på en gennemsigtig gif der fylder hele laget? ] - Det burde ikke være bedre end onclick men du kan da prøve:
eller <div style="position:relative;"><div style="position:absolute;top:0px;left:0px;"><a href="blabla.html"><img src="t.gif" style="width:100%;height:100%;"></a></div>Tekst</div>
... ved ikke helt med de position relatives vs. absolute's har ikke testet det i forbindelse med siden ... glemte at teste de andre efter jeg fik Opera til at spille ...
[ Jeg prøvede at sætte den til at bruge display i stedet for visibility, og det virkede fint i Opera, men begyndte så at lave mærkelige ting i IE og Firefox, så jeg prøvede at gå tilbage til visibility og fjerne links på lagene og nu virker det hele perfekt i alle browsere. ]
- Vil du lige have lidt/det hele retur? Det var jo onmouseover der virkede og ikke det display der hjalp på det ... og du kom jo selv på det a href tag der skulle udskiftes med onmouseover istedet ... ;o)
Ok, jamen - det var da så lidt ;D ... og tak for pointene så :)
Synes godt om
Ny brugerNybegynder
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.