Über die Verwendung von Pseudoklassen-Hover und BUG im IE
Dieser Artikel stellt hauptsächlich die Verwendung und Fehler von Pseudo-Hover im IE vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen.
Pseudo-Hover im IE und BUG, Freunde in Not können sich darauf beziehen.
Regeln für Pseudoklasse:hover:
In CSS1 kann diese Pseudoklasse nur für Objekte verwendet werden. Und für Objekte ohne href-Attribute hat diese Pseudoklasse keine Auswirkung.
In CSS2 kann diese Pseudoklasse auf jedes Objekt angewendet werden.
Derzeit unterstützen IE5.5 und IE6 nur :hover in CSS1 Der neue IE7 und Firefox unterstützen :hover in CSS2.
Verwenden Sie zunächst die CSS2-Schreibmethode, um Folgendes zu implementieren:
<html>
<head>
<style>
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;}
li a {display:none;}
li:hover a{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}
</style>
</head>
<body>
<ul>
<li>鼠标移过来触发我吧！<a href="#" title="">哈哈，终于被你发现了！</a></li>
</ul>
</body>
</html>Tipps: Sie können einen Teil des Codes ändern, bevor Sie ihn ausführen.
Sie können ihn testen und finden dass es in Firefox usw. funktioniert. Browser mit guter CSS2-Unterstützung können den von uns gewünschten Effekt anzeigen, in IE6 ist dies jedoch nicht möglich.
Lassen Sie uns unsere Denkweise ändern und die Schreibmethode von CSS1 verwenden, um einen Blick darauf zu werfen:
Da in CSS1 die Verwendung von li element:hover nicht unterstützt werden kann, ist der Text in a enthalten und :hover wird für a verwendet . Und fügen Sie den anzuzeigenden und auszublendenden Teil in das Span-Element ein; zu einer relativen Position, verwenden Sie a, um im obigen Beispiel li zu simulieren; :hover), Dann wird span angezeigt (display:block;);
Bei einer Änderung auf die oben beschriebene Weise wird der Effekt des Beispiels jedoch immer noch nicht in IE6 angezeigt.
Der Grund ist: Das eigene Parsing-Problem des IE-Browsers ist ein Fehler in der Pseudoklasse:hover in IE5.5 und IE6.
Wie kann dieses Problem gelöst werden?
Dieser FEHLER kann durch das Hinzufügen einiger spezieller CSS-Attributdeklarationen zu den Linkattributen behoben werden.
li a:hover {}
Wir haben nur width:100px für sein Attribut festgelegt. Wir haben festgestellt, dass es in IE6 immer noch keine Änderung gab, z. B. auf width:99px. und etwas Seltsames ist passiert. Ja, im IE6 wird der ausgeblendete Teil angezeigt, wenn er ausgelöst wird. Wir haben dann nur Farbe auf das Attribut von li a:hover zum Testen gesetzt (der Anfangswert ist #fff), den Farbwert geändert und festgestellt, dass die Anzeige unter IE6 nicht ausgelöst werden kann. . .
Schließlich wurde festgestellt, dass außer Textdekoration, Farbe und Z-Index, die keine Anzeige auslösen können (möglicherweise fehlen einige Attribute für die Teile, die keine Anzeige auslösen können), andere Attribute verwendet werden können, um Pseudo- zu beseitigen. Klassen: Hover-BUG-spezifische Eigenschaften.
Hinweis:
1. Es wird nicht empfohlen, den Anzeigewert als spezifisches Attribut zu ändern, um diesen Fehler zu beseitigen. In einigen Fällen kann es sein, dass dieses Attribut den Fehler nicht beseitigt.
2. Für die Farben im Rahmen und im Hintergrund, bei denen es sich um bestimmte Attribute handelt, können wir sie auch durch vollständige Buchstaben und Abkürzungen ändern. Beispielsweise werden #fff und #ffffff beim Beseitigen von Fehlern in zwei verschiedene Werte geparst.
Der endgültige Effekt des CSS1-Schreibens:
<html>
<head>
<style>
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; }
li a {display:block; height:100px; width:100px; position:relative; color:#fff; text-decoration:none;}
li a:hover {background:#ccc;}
li span {display:none; }
li a:hover span {display:block; width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff; }
</style>
</head>
<body>
<ul>
<li><a href="#" title="">鼠标移过来触发我吧！<span>哈哈，终于被你发现</span></a></li>
</ul>
</body>
</html>Tipps: Sie können einen Teil des Codes ändern, bevor Sie
Minimale Code-Implementierungsversion (Xugang-Implementierung) ausführen:
<html>
<head>
<style>
li {height:10px; width:120px; background:#000;}
li a{height:10px; width:120px; display:block;}
li a:hover {background:#ccc;}
li span {display:none;}
li a:hover span {display:block; width:100px; height:40px; background:#c00; position:absolute; top:15px; left:180px;}
</style>
</head>
<body>
<ul>
<li>
<a href="#" title="">鼠标移过来触发
<span>
<ul>
<li>aaa</li>
<li>aaa</li>
</ul>
</span>
</a>
</li>
</ul>
</body>
</html>
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle zum Lernen hilfreich ist Bitte achten Sie auf die chinesische PHP-Website!
Verwandte Empfehlungen:
Simulation des Box-Shadow-Effekts in CSS3 unter IEDas obige ist der detaillierte Inhalt vonÜber die Verwendung von Pseudoklassen-Hover und BUG im IE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Was bedeutet Spielfehler?
Feb 18, 2024 am 11:30 AM
Was bedeuten Spielfehler? Während des Spielens stoßen wir oft auf unerwartete Fehler oder Probleme, wie zum Beispiel, dass Charaktere stecken bleiben, Aufgaben nicht fortgesetzt werden können, Bildschirmflimmern usw. Diese abnormalen Phänomene werden Game Bugs genannt, also Störungen oder Irrtümer im Spiel. In diesem Artikel untersuchen wir, was Spielfehler bedeuten und welche Auswirkungen sie auf Spieler und Entwickler haben. Spielfehler beziehen sich auf Fehler, die während der Entwicklung oder des Betriebs des Spiels auftreten und dazu führen, dass das Spiel nicht normal läuft oder sich unerwartet verhält. Diese Fehler können darauf zurückzuführen sein
Zusammenfassung der Apple iOS18-Fehler
Jun 14, 2024 pm 01:48 PM
Als die WWDC-Konferenz 2024 von Apple erfolgreich zu Ende ging, wurde nicht nur macos15 angekündigt, sondern auch das Update von Apples neuem iOS18-System erregte die meiste Aufmerksamkeit. Obwohl es viele neue Funktionen gibt, fragen sich die Leute unweigerlich, ob dies die erste Version von Apples iOS18 ist Es ist notwendig, Apple iOS18 zu aktualisieren. Welche Art von Fehlern gibt es in der neuesten Version von Apple iOS18? Nach der tatsächlichen Nutzungsbewertung finden Sie im Folgenden eine Zusammenfassung der Apple iOS18-Fehler. Werfen wir einen Blick darauf. Derzeit beeilen sich viele iPhone-Benutzer, auf iOS18 zu aktualisieren. Allerdings bereiten verschiedene Systemfehler den Menschen Unbehagen. Einige Blogger sagten, dass man beim Upgrade auf iOS18 vorsichtig sein sollte, weil „es so viele Fehler gibt“. Der Blogger sagte, wenn Ihr iPhone ist
Was bedeutet Systemgepäck?
Nov 09, 2022 pm 02:40 PM
„System Bagage“ bezieht sich auf einen Systemfehler. Die ursprüngliche Bedeutung von „Bug“ ist „Bug“, und jetzt kann es verwendet werden, um auf auf dem Computer vorhandene Schwachstellen zu verweisen dass Angreifer unbefugt darauf zugreifen können; im weitesten Sinne kann der Begriff „Bug“ zur Beschreibung von Lücken oder Mängeln verwendet werden, die in verschiedenen Bereichen auftreten.
Beheben von Win11-Fehlern und -Problemen
Jan 13, 2024 pm 08:21 PM
Einige Leute möchten Win11 aktualisieren, wissen aber nicht, ob es viele Fehler in Win11 gibt und ob das Update Probleme verursachen wird. Tatsächlich gibt es jetzt Fehler in Win11, die jedoch kaum Auswirkungen auf die Verwendung haben. Gibt es viele Fehler in Win11? Antwort: Es gibt immer noch viele Fehler in Win11. Diese Fehler haben jedoch kaum Auswirkungen auf den täglichen Gebrauch. Wenn der Benutzer hohe Anforderungen an den täglichen Gebrauch stellt, wird eine spätere Verwendung empfohlen. Zusammenfassung der Win11-Fehler 1. Ressourcenmanager 1. Manchmal kommt es zu einem Speicherüberlauf, der zu einer hohen Speichernutzung des Ressourcenmanagers führt. 2. Diese Situation führt dazu, dass der Speicher mehr als 70 % belegt, was dazu führt, dass der Computer einfriert oder sogar abstürzt. 2. Konflikte und Abstürze 1. Einige Anwendungen sind nicht kompatibel genug, was zu Konflikten untereinander führt. 2. Obwohl es relativ wenige Konfliktverfahren gibt,
Was ist der Lebenszyklus eines Fehlers?
Nov 08, 2022 pm 02:17 PM
Der Lebenszyklus eines Fehlers ist der Prozess von der Entdeckung eines Fehlers bis zur Schließung des Fehlers. Der spezifische Prozess ist: 1. Entdecken Sie den Fehler, das heißt, entdecken Sie die Lücken oder Mängel im Softwareprogramm. Reichen Sie den Fehler ein und versuchen Sie, die Eigenschaften und die Reproduktion des Fehlers zu beschreiben. Umgebung, Typ, Ebene, Priorität und detaillierte Reproduktionsschritte, Ergebnisse und Erwartungen usw. 3. Ordnen Sie den Fehler zu, d. h., weisen Sie das Problem direkt dem entsprechenden zu 4. Analysieren und bestätigen Sie den Fehler. 6. Überprüfen Sie den Fehler.
Was bedeutet der Internet-Hot-Word-Bug?
Jan 21, 2021 pm 02:15 PM
Das Internet-Schlagwort „Bug“ bezieht sich auf die Lücken, die auf Computern vorhanden sind. Eine Schwachstelle* (Bug) ist ein Fehler in der spezifischen Implementierung von Hardware, Software, Protokollen oder Systemsicherheitsrichtlinien, der es einem Angreifer ermöglicht, ohne Autorisierung auf das System zuzugreifen oder es zu beschädigen. Schwachstellen können auf Fehler im Design von Anwendungssoftware oder Betriebssystemen oder Fehler in der Codierung zurückzuführen sein. Sie können auch auf Designfehler oder unangemessene Logikabläufe im Geschäftsinteraktionsprozess zurückzuführen sein.
Was ist der Fehler in der neuesten Version von Win10 1903?
Jan 07, 2024 pm 10:37 PM
Nachdem Microsoft die Version win101903 aktualisiert hatte, behob die neue Version nicht nur die in der vorherigen Version aufgetretenen Fehler, fügte einige Funktionen hinzu und verbesserte sie, sondern stieß zwangsläufig auch auf die in der neuen Version vorhandenen Probleme. Bei den meisten davon handelt es sich um Kompatibilitäts- und Stabilitätsfehler, aber zum Glück handelt es sich nicht um größere Probleme. Schauen wir uns den spezifischen Inhalt mit dem Editor an. Ich hoffe, er kann Ihnen helfen. Was ist BUG 1903 in der neuesten Version von Win10? Microsoft hat bekannt gegeben, dass es im Mai-Update für Windows 10 2019 drei schwerwiegende Bugs behoben hat. Der erste ist das Audioproblem mit Dolby Atmos und Heimkino. Bei einigen Geräten kann es nach der Installation von Version 1903 zu Audioausfällen kommen. Es stellt sich heraus, dass dieser Audiofehler fehlerhaft ist
Eine Codezeile, um Ihren Python-Bug einzigartig zu machen
Apr 14, 2023 am 09:16 AM
PrettyErrors ist ein Tool, das Python-Fehlermeldungen optimiert. Es zeichnet sich durch eine sehr einfache und benutzerfreundliche Oberfläche aus. Seine bemerkenswerteste Funktion besteht darin, dass es die Farbausgabe auf dem Terminal unterstützt, Datei-Stack-Traces mit Anmerkungen versehen, Fehlermeldungen findet, redundante Informationen herausfiltert, wichtige Teile extrahiert und Farbanmerkungen durchführt, wodurch die Entwicklereffizienz verbessert wird. Das Schreiben von Code selbst ist nicht einfach, insbesondere wenn in Zehntausenden von Codezeilen ein Fehler auftritt und Sie das Problem für eine Weile nicht finden können. Zu diesem Zeitpunkt müssen Sie sehr verrückt und gereizt sein. Besonders wenn ein Fehler im Python-Code vorliegt, ist der Bildschirm voller Fehlermeldungen, was das Auffinden des Fehlers noch schwieriger macht. Werfen wir zunächst einen Blick auf den Traceback oben. Er hat nur eine Farbe und kann nicht so hochrangig sein wie der Code.
