Heim >Web-Frontend >CSS-Tutorial >Parsen der CSS3-Übergangsbrowserkompatibilität
Parsen der CSS3-Übergangsbrowserkompatibilität
- 高洛峰Original
- 2017-03-24 14:26:541751Durchsuche
1. Kompatibilität
Laut canius ist die Übergangskompatibilität wie folgt:
<!DOCTYPE html>
<html>
<head>
<style>
p
{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
p:hover
{
width:300px;
}
</style>
</head>
<body>
<p></p>
<p>请把鼠标指针移动到蓝色的 p 元素上，就可以看到过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html>Beim Testen in IE7-9: Der Effekt Der Übergang hat keinen Übergangseffekt (z. B. einen linearen Übergangseffekt), hat aber dennoch einen Effekt (die sofortige Ausführung von Übergangseigenschaft, Übergangsdauer, Übergangszeitfunktion und Übergangsverzögerung funktioniert nicht)
Das obige ist der detaillierte Inhalt vonParsen der CSS3-Übergangsbrowserkompatibilität. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Clevere CSS-Möglichkeiten zur Implementierung von CSS-SchrägstrichenNächster Artikel：Clevere CSS-Möglichkeiten zur Implementierung von CSS-Schrägstrichen