Wie verstecke ich den Text im A-Tag und zeige das Bild an? Kompatibel mit 360-Grad-Rendering
|
Oftmals werden Sie auf einen <a>-Tag-Stil stoßen, der ein Bild anzeigt, aber im Tag steht Text, den Sie ausblenden möchten. In vielen Fällen werden Sie an Texteinzug: -9999em; Aber heute habe ich festgestellt, dass die Bilder im IE7- und 360-Standard-IE-Modus nicht angezeigt werden. Also habe ich es online überprüft und unten zusammengefasst: Die CSS-Schreibmethode im IE7-Modus ist wie folgt: Code kopieren Der Code lautet wie folgt:Texteinzug: -9999em; Überlauf: versteckt; float: left; //Natürlich können Sie auch float: right; Das obige CSS kann dieses Problem bereits lösen. 360 hat einen IE-Modus und einen Schnellmodus. Wenn Sie eine Webseite im Standard-Schnellmodus öffnen möchten, fügen Sie einfach den folgenden Satz in <head> ein: Code kopieren Der Code lautet wie folgt:<meta name="renderer" content="webkit"> Geschwindigkeitsmodus <meta name="renderer" content="ie-comp"> Kompatibilitätsmodus <meta name="renderer" content="ie-stand"> IE-Modus |
<<: Beispielcode zum Ändern des Stils anderer Tags durch Bewegen der Maus mithilfe von CSS
>>: Vue führt einen einfachen zufälligen Namensaufruf durch
Artikel empfehlen
Implementierung einer kreisförmigen CSS-Aushöhlung (Gutschein-Hintergrundbild)
In diesem Artikel werden hauptsächlich kreisförmi...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15
In diesem Artikel werden die Installations- und K...
Eine detaillierte Einführung in primitive Werte und Wrapper-Objekte in JavaScript
Inhaltsverzeichnis Vorwort Text Primitive Typen P...
Implementierung der Docker-Container-Statuskonvertierung
Ein Zustandsübergangsdiagramm eines Docker-Contai...
So übergeben Sie den Wert des Auswahl-Dropdown-Felds an die ID, um den Code zu implementieren
Der vollständige Code lautet wie folgt : HTML Quel...
Interviewer stellen häufig Fragen zum Lebenszyklus von React
React-Lebenszyklus Zwei Bilder zum besseren Verst...
Detaillierte Beschreibung des komponentenbasierten Front-End-Entwicklungsprozesses
Hintergrund <br />Studenten, die am Front-En...
Docker5 - Vollfunktionaler Hafenlager-Bauprozess
Harbor ist ein Registry-Server auf Unternehmenseb...
JS beherrscht schnell die Verwendung von ES6-Klassen
1. Wie konstruieren? Lassen Sie uns die allgemein...
WeChat-Applet implementiert Puzzlespiel
In diesem Artikel finden Sie den spezifischen Cod...
3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt
Obwohl Microsoft später viel Forschung und Entwick...
So löschen Sie den Timer elegant in Vue
Inhaltsverzeichnis Vorwort Optimierung Ableitungs...
Welche Ähnlichkeiten gibt es zwischen der Entwicklung des Webdesigns und der westlichen Architektur?
Die Geschichte wiederholt sich immer überraschend...
Der Unterschied zwischen ${param} und #{param} in MySQL
Der von ${param} übergebene Parameter wird als Te...
Heute werde ich einige seltene, aber nützliche JS-Techniken teilen
1. Zurück-Button Verwenden Sie history.back(), um...