In diesem Fall verwenden wir CSS, um den Textinhalt des Bildhintergrunds auszublenden. Zuerst verwenden wir den Hintergrund Hintergrund, um das Bild als Hintergrundanzeige festzulegen 🎜> Der Einzug dient dazu, den Link-Inhalt auszublenden und der Link-Tag dient dazu, den Ankertext-Link auf den Text zu setzen. Nachfolgend finden Sie Beispiele. Beispielfallbeschreibung
Hier ist es praktisch, den CSS-DIV-Falleffekt zu beobachten. Lassen Sie uns das Layout der Website implementieren.
Erweiterte Lektüre: HTML-Bild
1. CSS-Code:
h1#logo{
float:left;width:165px;height:60px;
background:url(http://www.php.cn) no-repeat 0 0}
h1#logo a{display:block;width:100%;height:100%;text-indent:-9999px}/* CSS-Kommentar: display:block is #logo The Das innere A-Tag wird in Blöcken angezeigt und mit 100 % Höhe und 100 % Breite angezeigt. Dieses Attribut ist der CSS-Einrückungsstil. Wir setzen es auf einen negativen Wert von 9999 Pixel, wodurch das innere A ausgeblendet wird Tag. Text
Auf diese Weise wird das h1-Tag-Hintergrundbild angezeigt, der Text ausgeblendet und der A-Ankertext realisiert
Hyperlink