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

MySQL-Konvertierung von Spalten in Zeilen, Methode zum Zusammenführen von Feldern (unbedingt lesen)

Artikel

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

Einfaches Verständnis und Beispiele für MySQL Index Pushdown (ICP)

Implementierung des CSS-Animationseffekts für dynamische Höhenübergänge

Detaillierte Erläuterung der Sicherheitskonfigurationselemente des Docker-Daemons

MySQL-Konvertierung von Spalten in Zeilen, Methode zum Zusammenführen von Feldern (unbedingt lesen)

Führen Sie die Schritte zum Erstellen eines Squid-Proxyservers unter Linux aus.

So generieren Sie eine Vue-Benutzeroberfläche per Drag & Drop

Lösung für das MySQL IFNULL-Beurteilungsproblem

Grafisches Tutorial zur Installation und Konfiguration der MySQL-Version 8.0.24

Webdesign-Tipps für Formular-Eingabefelder

Implementierung von nacos1.3.0, erstellt mit Docker

Artikel empfehlen

Perfekte Lösung für das Problem, dass Windows Server 2012 oder 2016 .NET Framework 3.5 nicht ohne Festplatte installieren kann

Mysql5.7.14 Linux-Version Passwort vergessen perfekte Lösung

15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden

MySQL 5.6.23 Installations- und Konfigurations-Umgebungsvariablen-Tutorial

Detaillierte Erläuterung der Fallstricke des Nginx-Proxy-Socket.io-Dienstes

So beheben Sie den Fehler beim MySQL-Transaktionsvorgang

CSS3 implementiert horizontale Zentrierung, vertikale Zentrierung, horizontale und vertikale Zentrierung Beispielcode

Eine kurze Analyse der Beziehung zwischen verschiedenen Tomcat-Protokollen und der Segmentierung von catalina.out-Dateien

Zusammenfassung der neuen Verwendung von vi (vim) unter Linux

Zwei Möglichkeiten zum Löschen von Floats in HTML

Analysieren des MySQL-Binärprotokolls

Miniprogramm zur Implementierung einer einfachen Listenfunktion

Mysql5.7 my.ini-Dateiladepfad und Datenspeicherortänderungsmethode unter Windows 7

Mysql-Methode zum Kopieren einer Datenspalte einer Tabelle in eine Spalte einer anderen Tabelle

Ein tiefer Einblick in die MySQL InnoDB-Speicher-Engine