•  21-08-2019
  •  | 
  •  

Frage

Ich habe eine CSS-Klasse wie folgt erstellt: 

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }

Ich habe den oben Stil in einer meiner Seite aufgebracht, die ganz gut in Firefox, IE 7.0+ arbeitet und in anderen aktuellen Browser. Aber wenn ich den gleichen Stil beantrage in einer anderen Seite dann seine nicht funktioniert.

Kann mir jemand sagen, was könnte der Grund sein? warum die nicht in einer anderen Seite arbeiten.

War es hilfreich?

Lösung

Ich habe die Antwort, warum das: Hover wurde nicht auf einer anderen Seite arbeiten. Eigentlich auf der zweiten Seite wurde das DOCTYPE-Tag nicht, wie unten in der HTML-Seite hinzugefügt, 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Früher war es einfach <html> Tag und aufgrund der: schwebt auf dem div nicht funktioniert. Nach der Zugabe von Doctype-Tag wie oben seinen Arbeits für mich gezeigt.

Vielen Dank an euch alle für die Hilfe.

Andere Tipps

Gerade hatte ein ähnliches Problem. Stellen Sie sicher, dass Sie das Stapeln richtig! Das heißt, der z-index.

Wenn es an einem Ort zu arbeiten, aber nicht ein anderer Ort, dann entweder es wird nicht korrekt aufgerufen oder es ist nicht korrekt angewandt wird.

Verwenden Sie Firebug, und sehen, welche Eigenschaften das Element, das sollte haben die Stile wirklich haben. Dann überprüfen Sie die Klassennamen für Tippfehler. Normalerweise das wird das Problem lösen, wie beschrieben.

Auch in IE6, :hover funktioniert nur mit a Elementen. Denken Sie daran.

Ich bin in agreeance mit Brandon.

Ich werde auch hinzufügen ..

Wenn Sie entfernen die: 

div.ycontent

Abschnitt von Ihren Zeilen, so dass es wie folgt aussieht: 

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

Sie finden es auf Ihrer anderen Seite arbeiten.

Warum? Weil du diese Stile als ‚Klassen‘ definiert. Klassen beabsichtigen die gleichen Stil mehrfach anzuwenden.

die „div.ycontent“, bevor es Durch die Platzierung, Sie sind ‚Beschränkung‘ im Wesentlichen / nicht das Pull Potential von CSS-Klassen verwendet wird.

Vielleicht ist das verschachtelte div in der anderen Seite nicht die Klasse ycontent und / oder das Element selbst ist nicht Klasse ppclising?

Ich hatte gerade position: absolute auf Eltern brechen meine: schweben ist, obwohl es kein Problem, da ein Großelternteil zu sein scheint. Ich bin neu auf all dies, damit ich weiß nicht, ob das normal ist oder nicht.

Änderung: Dies erwies sich als ein Z-Index Problem für mich zu sein. Ich brauchte zu setzen -1 auf dem Elternteil, 0 auf alle Geschwister mit Position angegeben und 1 auf der divs wollte ich schwebt Aktivität.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top