Halbtransparente Bildverarbeitung. Ideen und Code zur Implementierung von halbtransparentem Hintergrund.

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html;charset=UTF-8" />
<title>Maskenebene</title>
</Kopf>
<style type="text/css">
*{Rand:0;Padding: 0;}
ul{margin:100px auto 0; width:200px;}
img{border: 0 none;}
li{Hintergrundfarbe:#555;Listenstil: keine; Breite: 146px; Höhe: 220px;}
a:hover{Deckkraft: 0,6;}
</Stil>
<Text>
<ul>
<li><a href=""><img src="upload/2022/web/64380cd7912397dd9e0581b65982b2b7d0a28707.jpg" alt="" /></a></li>
</ul>
</body>
</html>

Prinzip : Fügen Sie li einen Hintergrund hinzu, die Größe von li entspricht der Größe des Bildes, und ändern Sie die Transparenz von a, wenn a:hover

Der Datenordner konnte während der Installation von mysql8.0.14.zip nicht automatisch erstellt werden. Der Dienst kann nicht gestartet werden.

Artikel

Halbtransparente Bildverarbeitung. Ideen und Code zur Implementierung von halbtransparentem Hintergrund.

Vue implementiert eine einfache Produktion von Zählern

CSS3 verwendet Transform, um eine bewegliche 2D-Uhr zu erstellen

Tutorial zur Verwendung von Hyperlink-Tags in XHTML

So überprüfen Sie die Festplattennutzung unter Linux

Grundlegende Verwendung von @Font-face und wie man es mit allen Browsern kompatibel macht

Detaillierte Erläuterung der Installation und Konfiguration des Nginx+Tomcat-Load-Balancing-Clusters

Der gesamte Prozess der Installation von Gogs mit Pagoda Panel und Docker

Problem mit Berechtigungen zum Ändern gespeicherter Prozeduren in MySQL

Detailliertes Tutorial zur Installation von Docker auf CentOS 7.5

Der Datenordner konnte während der Installation von mysql8.0.14.zip nicht automatisch erstellt werden. Der Dienst kann nicht gestartet werden.

Artikel empfehlen

Beispielanweisungen für Indizes und Einschränkungen in MySQL

Detaillierte Schritte zur Installation von ros2 in Docker

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15

Antworten auf mehrere häufig gestellte MySQL-Interviewfragen

W3C Tutorial (16): Weitere W3C Aktivitäten

Verwendung von Vue-Filtern und Probleme bei der Zeitstempelkonvertierung

So schreiben Sie den Einführungsinhalt der Infoseite der Website

Reines HTML und CSS, um den JD-Karusselleffekt zu erzielen

So verwenden Sie Übersetzung und Übergang in CSS3

Detaillierte Erklärung der Funktion und Verwendung der KeepAlive-Komponente in Vue

Verwendung und Unterschied von Js-Modulverpackungsexporten erfordern Import

Konfigurieren Sie nginx so, dass es zur Systemwartungsseite umleitet

Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?

CnBlogs - Teilen im benutzerdefinierten Blogstil

Vorteile von INSERT INTO SET in MySQL