So stellen Sie die Transparenz von HTML-Bildern ein

So legen Sie die Transparenz von HTML-Bildern fest: 1. Verwenden Sie das style-Attribut im img-Element, um den „opacity:transparency value;“ festzulegen. 2. Verwenden Sie das style-Attribut im img-Element, um den „filter:opacity“ festzulegen (Transparenzwert);" Stil.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML-Bild

In HTML können Sie das img-Element verwenden, um ein Bild in eine Webseite einzubetten.

Bitte beachten Sie, dass das -Tag technisch gesehen kein Bild in die Webseite einfügt, sondern das Bild von der Webseite verlinkt. Das -Tag erstellt einen Platzhalter für das referenzierte Bild.

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" / alt="So stellen Sie die Transparenz von HTML-Bildern ein" >

HTML-Bildeinstellungstransparenz

Methode 1: Verwenden Sie das style-Attribut im img-Element, um den Stil „opacity: 透明度值;“ festzulegen.

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" style="opacity: 0.5;"/ alt="So stellen Sie die Transparenz von HTML-Bildern ein" >

Methode 2: Verwenden Sie das style-Attribut im img-Element, um set „filter:opacity“ (Transparenzwert);“ style

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" style="filter:opacity(0.3);"/ alt="So stellen Sie die Transparenz von HTML-Bildern ein" >

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo stellen Sie die Transparenz von HTML-Bildern ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!