Heim > Web-Frontend > CSS-Tutorial > So passen Sie die Transparenz in CSS3 an

So passen Sie die Transparenz in CSS3 an

王林
Freigeben: 2021-02-24 17:10:42
Original
3143 Leute haben es durchsucht

So passen Sie die Transparenz in CSS3 an: Sie können das Opazitätsattribut verwenden, um die Transparenz festzulegen, z. B. [opacity:0.5; filter:Alpha(opacity=50);], was bedeutet, dass die Elementtransparenz auf 0,5 gesetzt wird.

So passen Sie die Transparenz in CSS3 an

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Attributeinführung: Das Attribut

opacity legt den Deckkraftgrad des Elements fest.

Syntax:

opacity: value|inherit;
Nach dem Login kopieren

Attributwert:

  • Wert Gibt die Deckkraft an. Von 0,0 (vollständig transparent) bis 1,0 (vollständig undurchsichtig).

  • inherit sollte den Wert des Opazitätsattributs vom übergeordneten Element erben.

Methode zum Anpassen der Transparenz:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>

</body>
</html>
Nach dem Login kopieren

Laufergebnisse:

So passen Sie die Transparenz in CSS3 an

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo passen Sie die Transparenz in CSS3 an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage