Unterstützt IE6 Hover?

Normalerweise wird es unterstützt. Was ist, wenn Ihr Browser Hover nicht unterstützt? Dann geben wir Ihnen eine Lösung für das Problem, dass der Browser Hover nicht unterstützt.

Zuerst müssen wir csshover.htc herunterladen

Laden Sie die komprimierte Paketdatei herunter und dekomprimieren Sie sie, um die Datei „csshover.htc“ zu erhalten „Pfadfehler beim Einführen von CSS-Stilen. Platzieren Sie diese Datei im selben Ordner wie die CSS-Datei. Das Experiment hier erstellt keine separate CSS-Datei, es gibt nur eine „index.html“-Datei, also legen Sie „csshover.htc“ und „index.html“ im selben Ordner ab.

Im selben Ordner

Legen Sie es im selben Ordner ab

Fügen Sie die Datei in den Körperstil-Selektor ein

Definiert im Körperstil-Selektor „Körper“. {behavior:url("csshover.htc"); }", das am Anfang des Stilcodes platziert werden kann.

Body-Selektor-Definition

Die Definition im Body-Selektor wird in csshover.htc importiert

Die CSS-Stildefinition dieser Webseite lautet wie folgt: hover, li:hover, p :hover, benutzerdefinierter benannter CSS-Auswahlname (.abc:hover), img:hover und definierte Stile werden alle von IE6 unterstützt.

Besondere Aufmerksamkeit:

Um erfolgreich zu sein, müssen Sie den folgenden Code direkt zum HTML hinzufügen (führen Sie die Datei csshover.htc direkt in die HTML-Datei ein):

<style> 
body{behavior:url("csshover.htc");} /* 使用时候注意路径正确 */
</style>

Achten Sie auf den Pfad csshover.htc.

ie6 unterstützt den Hover-Fall

Wir führen jeweils drei experimentelle Beispiele durch.

Beschreibung des experimentellen Beispiels

Das erste Beispiel: Weisen Sie dem img-Tag den Hover-Stil (d. h. img:hover{...}) zu, damit das Bild angezeigt wird Wenn die Maus darüber fährt, wird der Abstand zwischen dem Rand und Polsterung größer.

Das zweite Beispiel: Weisen Sie dem den Hover-Stil (d. h. li:hover{...}) zu li-Label, und das ul-li-Label erscheint schwarz, wenn die Maus darüber fährt. Border; Das dritte Beispiel: Benennen Sie den gewünschten CSS-Stil und lassen Sie ihn schweben (z. B. .abc:hover{...}). . Wenn die Maus über das DIV-Feld des ABC-Objekts fährt, wird der Text im Objekt rot.

Der CSS-Code dieser drei kleinen Experimentbeispiele lautet wie folgt:

body { behavior:url("csshover.htc"); }/* css注释：别忘记csshover.htc，使用时候注意路径 */ 
img{width:165px; height:60px; background:#090;}/* 原本图片宽度和高度背景颜色 */ 
img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer} 
/* hover鼠标经过赋予让图片变宽 高，设置padding和2px蓝色边框、css cursor为鼠标指针样式  */ 
li:hover{ border:1px solid #000}/* li列表标签鼠标经过出现黑色边框 */ 
.abc:hover{ color:#F00}/* 对象.abc鼠标经过其内容css字体颜色变红色 */

<!-- html注释：1 鼠标经过图片变大 --> 
<img src="div -logo-2013.gif" alt="DIV LOGO" /> 
<!-- 2 鼠标经过li出现边框  --> 
<ul> 
<li>对li设置hover样式，鼠标经过加CSS边框</li> 
</ul> 
<!-- 3 鼠标经过abc盒子内文字变为红色  --> 
<div class="abc">对.abc:hover，鼠标经过时候文字颜色变红</div>

dieser Website. Verwandte Lektüre:

Das obige ist der detaillierte Inhalt vonUnterstützt IE6 Hover?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!