Warum ändert sich meine Hintergrundfarbe beim Schweben nicht?

Übergangseffekt für die Hintergrundfarbe beim Bewegen des Mauszeigers

Sie versuchen, einen Übergangseffekt für die Hintergrundfarbe zu erstellen, wenn Sie den Mauszeiger über Menüelemente bewegen. aber das ist es nicht funktioniert.

Ursache:

Wie in der akzeptierten Antwort erwähnt, sind CSS-Übergänge für Hintergrundfarben möglicherweise nicht mit älteren Browserversionen kompatibel. Browser wie Internet Explorer-Versionen unter 10 unterstützen keine CSS-Übergänge für Hintergrundfarben.

Lösung:

Um die browserübergreifende Kompatibilität sicherzustellen, verwenden Sie Herstellerpräfixe oder einen Fall -back-Eigenschaft:

a {<pre class="brush:php;toolbar:false">background-color: #FF0;

}

a:hover {

background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;

}

Dieser Code verwendet Herstellerpräfixe (-webkit- und -ms-) für Safari bzw. Internet Explorer und enthält die Standardübergangseigenschaft für andere Browser.

Das obige ist der detaillierte Inhalt vonWarum ändert sich meine Hintergrundfarbe beim Schweben nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!