kostenloser Webspace werbefrei: lima-city

Nachteile von :hover (z.B. Kompatiblitätsprobleme etc.)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   yorecords

   

   yorecords hat kostenlosen Webspace.

   18:48, 26.4.2012

   Hallo!
   
   Ich habe gerade die Buttons in meinem Navigationsmenü von JS-Rollover auf CSS-:hover umgestellt und würde jetzt gerne wissen ob jemand diesbezüglich irgendwelche Probleme bzw. Nachteile kennt.
   
   Um es zu veranschaulichen hier mal der Code von einem Button:
   
   

   <a href="index.html" rel="follow" class="indexb"><img src="homebutton2.gif" style="display: none;" border="0"></a>

   
   
   Und hier das Stylesheet:
   
   

   a.indexb {
   	display: block;
   	margin-left: 6px;
   	margin-top: 0px;
   	width: 160px;
   	height: 64px;
   	background-image: url(homebutton1.gif);
   	z-index: 4;
   }
   
   a.indexb:hover, a.indexb:focus {
   	display: block;
   	margin-left: 6px;
   	margin-top: 0px;
   	width: 160px;
   	height: 64px;
   	background-image: url(homebutton2.gif);
   	z-index: 4;
   }

   
   
   Ich hab selbst schon recherchiert aber leider keine eindeutigen Infos gefunden. Vor Allem würden mich eventuelle Kompatiblitätsprobleme interessieren, z.B. auch von display:none.
   
   Danke im Voraus!
   
   Beitrag zuletzt geändert: 26.4.2012 18:48:48 von yorecords

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hackyourlife

   Moderator

   hackyourlife hat kostenlosen Webspace.

   18:53, 26.4.2012

   yorecords schrieb:
   Ich hab selbst schon recherchiert aber leider keine eindeutigen Infos gefunden. Vor Allem würden mich eventuelle Kompatiblitätsprobleme interessieren, z.B. auch von display:none.

   :hover

   gibt es seit CSS1
   Link
   Ich hoffe das reicht dir
   
   Beitrag zuletzt geändert: 26.4.2012 18:54:18 von hackyourlife
4. Autor dieses Themas

   yorecords

   

   yorecords hat kostenlosen Webspace.

   20:44, 26.4.2012

   hackyourlife schrieb:
   

   yorecords schrieb:
   Ich hab selbst schon recherchiert aber leider keine eindeutigen Infos gefunden. Vor Allem würden mich eventuelle Kompatiblitätsprobleme interessieren, z.B. auch von display:none.

   :hover

   gibt es seit CSS1
   Link
   Ich hoffe das reicht dir

   
   
   Ja, aber der IE 6 unterstützt es z.B. nicht. Es geht ja nicht um Text sondern um Buttons.
   Aber die Seite ist super. Danke!

5. t********g

   17:55, 28.4.2012

   Warum unterstützt du denn überhaupt noch den IE6?
   
   Der Browser ist mehr als veraltet und da es keine Updates dafür mehr gibt, ist er auch sicherheitsgefährdend.
6. Autor dieses Themas

   yorecords

   

   yorecords hat kostenlosen Webspace.

   19:51, 28.4.2012

   tid-gaming schrieb:
   Warum unterstützt du denn überhaupt noch den IE6?
   
   Der Browser ist mehr als veraltet und da es keine Updates dafür mehr gibt, ist er auch sicherheitsgefährdend.

   
   
   Das war ja nur ein Beispiel. Deswegen wollte ich fragen ob jemand von Probleme in einem anderen Browser weiß.
   Ich verwende den IE 6 natürlich nicht.

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?