Eine neue CSS-Bildersatztechnik (Hintergrundanzeige und Textverschiebung vom Bildschirm), um 9999 Pixeln Lebewohl zu sagen
|
Die -9999-Pixel-Bildersetzungstechnologie ist seit fast einem Jahrzehnt beliebt. Um ein Textelement durch ein Bild zu ersetzen, können Sie den folgenden Code verwenden: Code kopieren Der Code lautet wie folgt:<h1>Dieser Text wurde ersetzt</h1> <Stil> h1 { Hintergrund: URL("meinBild") 0 0 keine Wiederholung; Texteinzug: -9999px; } </Stil> Der Hintergrund des Elements wird angezeigt und sein Text wird aus dem Bildschirm verschoben, damit er nicht stört. Einfach und effektiv. Es wird oft verwendet, um grafische Beschriftungen anzuzeigen. Da es mittlerweile Webfonts gibt, ist dies nur noch selten erforderlich, aber bei der Verwendung im Web ist es dennoch nützlich. Bisher. Eine neue Technologie wurde entdeckt: Code kopieren Der Code lautet wie folgt:{ Texteinzug: 100 %; Leerzeichen: Nowrap; Überlauf: versteckt; } Der Code rückt den Text über die Breite seines Containers hinaus ein, führt jedoch keinen Umbruch durch und der Überlauf wird ausgeblendet. Dies ist zwar etwas länger und schwieriger zu merken, kann aber die Leistung verbessern, da der Browser im Hintergrund kein 9999 Pixel großes Kästchen mehr zeichnet. Durch die Verwendung von ausgeblendetem Text werden außerdem die merkwürdigen, links erweiterten Umrisse verhindert, die Sie um Links herum sehen. |
<<: Einige Möglichkeiten zur Lösung des Problems des in Jenkins integrierten Docker-Plugins
>>: JavaScript implementiert den detaillierten Prozess der Stapelstruktur
Artikel empfehlen
So lösen Sie das Problem, dass sich Ubuntu 18.04 wiederholt anmeldet/auf der Boot-Oberfläche hängen bleibt/die grafische Oberfläche nicht aufrufen kann
Ursache: Der NVIDIA-Grafikkartentreiber ist besch...
Bei der Installation einer virtuellen Maschine auf Thinkpad VMware erscheint die Meldung „Dieser Host unterstützt Intel VT-x, aber Intel VT-x ist deaktiviert“ (Problemlösung)
Als ich heute VMware verwendete, um eine neue vir...
Implementierung der Nginx-Arbeitsprozessschleife
Nach dem Start initialisiert der Worker-Prozess z...
So installieren Sie die Standalone-Version von Spark in einer Linux-Umgebung ohne Verwendung von Hadoop
Das Thema Big Data wird immer wichtiger und wer m...
Detaillierte Erklärung wichtiger Kaskadierungskonzepte in CSS
Kürzlich stieß ich im Verlauf des Projekts auf ei...
Wie setze ich eine Unterstreichung in HTML? So unterstreiche ich Text in HTML
Früher bestand das Unterstreichen in HTML darin, ...
Analyse des MySQL-Warnprotokolls zu abgebrochenen Verbindungen
Vorwort: Manchmal wird die mit MySQL verbundene S...
Tipps zum Erstellen von Web-Tabellenrahmen
<br />Tipps zum Erstellen von Web-Tabellenra...
Navicat für MySql Visueller Import von CSV-Dateien
In diesem Artikel wird der spezifische Code von N...
So lösen Sie die Hintergrundkachelung und den Rahmenbruch von CSS-Style-Div oder -Li in IE6
Die Lösung für die Hintergrundkachelung oder Rahme...
Steuern Sie die vertikale Mitte des Textes im HTML-Textfeld über CSS
Wenn das Höhenattribut von Text definiert ist, wir...
Einige Tipps zur umfassenden Optimierung, um die Zugriffsgeschwindigkeit von Websites zu verbessern
Einige Tipps zur umfassenden Optimierung, um die ...
CSS Paint API: Ein CSS-ähnliches Zeichenbrett
1. Canvas-Bilder als CSS-Hintergrundbilder verwen...
Schritte zum Einrichten und Mounten freigegebener Ordner auf Windows-Host und Docker-Container
Programme in Docker-Containern müssen häufig auf ...
Detaillierte Erläuterung der Dateisystemformate der EXT-Serie in Linux
Linux-Dateisystem In der Abbildung oben sind herk...