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 verwenden Sie den Linux-Befehl nl
1. Befehlseinführung nl (Anzahl der Zeilen) fügt ...
So gehen Sie mit zu vielen Docker-Protokollen um, die dazu führen, dass die Festplatte voll wird
Ich habe einen Server, auf dem mehrere Docker-Con...
Eine kurze Erläuterung temporärer MySQL-Tabellen und abgeleiteter Tabellen
Abgeleitete Tabellen Wenn die Hauptabfrage eine a...
So zeigen Sie JSON-Daten in HTML an
Hintergrund: Manchmal müssen wir JSON-Daten direk...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.13 (Win10 64 Bit)
In diesem Artikel finden Sie das grafische Tutori...
Tutorial zur Installation einer MySQL-Datenbank und zur Verwendung von Navicat für MySQL
MySQL ist ein relationales Datenbankverwaltungssy...
Detaillierte Erläuterung der Konfiguration des statischen Nginx-Dienstes (Root- und Alias-Anweisungen)
Statische Dateien Nginx ist für seine hohe Leistu...
So benennen Sie in Linux mehrere Dateien gleichzeitig um
Vorwort In unserer täglichen Arbeit müssen wir hä...
So schreiben Sie eine Node.JS-Version eines Spiels
Inhaltsverzeichnis Überblick Build-Prozess Verwan...
MySQL Series 11-Protokollierung
Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...
Anfänger verstehen das MySQL-Deadlock-Problem anhand des Quellcodes
Nach vielen schwierigen Einzelschritt-Debuggings ...
So öffnen Sie Ports zur Außenwelt in Alibaba Cloud Centos7.X
Kurz gesagt: Wenn Sie einen Cloud-Server eines be...
Vite2.0 Fallstricke
Inhaltsverzeichnis Optimierung des Vite-Projektau...
Implementierung von Debugging-Code über den Nginx-Reverse-Proxy
Hintergrund Heutzutage werden die Projekte des Un...
Neues CSS3-Layout: ausführliche Flex-Erklärung
Flex-Grundkonzepte Flex-Layout (Flex ist die Abkü...