Ändern Sie die Deckkraft des Hintergrundbildes mit CSS

Sie können die Deckkraft in Programmen wie Photoshop oder GIMP ändern.

Oder Sie können das mit opacity in css tun. Aber das willst du wahrscheinlich nicht, da du in deinem .intro etwas Content hast, der dann auch davon betroffen sein wird.

Also schlage ich folgende Lösung vor

Ссылка

Grundsätzlich fügen Sie :after element als Hintergrundbild hinzu, Sie positionieren es absolute (Ihr .intro muss position:relative; sein) und dann setzen Sie z-index und opacity .

Eine Alternative wäre, dass Sie diese Hintergrundbilddatei in das PNG-Format konvertieren und das Originalbild mit einem Fotobearbeitungsprogramm auf 0,2 Deckkraft bringen. Wenn Sie jedoch auf CSS bestehen, können Sie die folgende Methode verwenden:

Da CSS die Hintergrundbild-Opazität nicht direkt unterstützt, können Sie versuchen, eine Pseudo-Klasse zu verwenden, um eine andere in Ihrer Kopfzeile zu überlagern und die Deckkraft festzulegen. Etwas in dieser Richtung sollte helfen:

HTML-Code

CSS-Code

Ich hoffe, es wird dir helfen.

Es gibt keine Hintergrund-Deckkraft für CSS-Eigenschaften, aber Sie können es fälschen, indem Sie ein Pseudo-Element mit normaler Deckkraft in die exakte Größe des dahinter liegenden Elements einfügen.

Siehe den Link hier