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-Zeitdifferenzfunktionen (TIMESTAMPDIFF, DATEDIFF), Funktionen zur Berechnung von Datumsumrechnungen (date_add, day, date_format, str_to_date)

Artikel

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

Detaillierte Erläuterung der Installationsbefehle für Linux-Systemsoftware basierend auf Debian (empfohlen)

Eine kurze Diskussion über HTML-geordnete Listen, ungeordnete Listen und Definitionslisten

Details zu den Überwachungseigenschaften der Uhr in Vue

MySQL-Zeitdifferenzfunktionen (TIMESTAMPDIFF, DATEDIFF), Funktionen zur Berechnung von Datumsumrechnungen (date_add, day, date_format, str_to_date)

Docker-Installationstutorial: Erste Schritte (Anfängerausgabe)

Detaillierte Erläuterung verschiedener Methoden der Vue-Komponentenkommunikation

So konfigurieren Sie ein Jupyter-Notebook im Docker-Container

So fügen Sie ein Lua-Modul zu Nginx hinzu

So gehen Sie mit dem Problem um, dass die Datei gelöscht wird, der Speicherplatz in Linux jedoch nicht freigegeben wird

Beheben einiger häufiger Probleme in CSS (Hack-Logo/fester Container/vertikale Zentrierung von Bildern)

Artikel empfehlen

CSS zum Ändern der Größe (Breite, Höhe) des Bildes, wenn die Maus über den Bild-Hyperlink fährt

Detaillierte Erläuterung der Idee, mit CSS-Animation den Punkteeffekt zu erzielen

Detaillierter Prozess zur Bereitstellung von MySQL mit Docker (allgemeine Anwendungen, die mit Docker bereitgestellt werden)

Detaillierte Erläuterung des Prozesses zum Erstellen und Ausführen von Docker-Containern

Lösen Sie das Problem, dass das Element DateTimePicker+vue Popup-Box nur Stunden anzeigt

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort vergessen?

Klasse in Front-End-JavaScript

Eine kurze Diskussion über die Ausführungsdetails der Mysql Multi-Table Join-Abfrage

Detaillierte Erklärung zur Verwendung von MySQL DML-Anweisungen

Fragen und Antworten: Unterschiede zwischen XML und HTML

Lösung für ungültige obere Ränder von Elementen in Div-Tags

Zwei Möglichkeiten zum Öffnen und Schließen des MySQL-Dienstes

HTML-Tutorial, leicht zu erlernende HTML-Sprache

Unterschiede zwischen Windows Server 2008R2, 2012, 2016 und 2019

Detaillierte Erläuterung der Rolle der Standarddatenbank nach der MySQL-Installation