Gewusst wie: transparente Bilder in HTML-Code

Verwendung von transparenten Bildern auf Ihrer Website können Sie dynamischere Optik für Ihre Besucher zu erstellen. Erstellen von transparenten Bildern kann relativ leicht durch erfolgen bearbeiten oder Erstellen von Bildern in Fotobearbeitung von Softwareprogrammen wie Photoshop. Aber wenn Sie keinen Zugriff auf solche Programme oder wollen nicht Ihre Bilder dauerhaft zu ändern, können Sie code-transparente Bilder in HTML mit CSS-Eigenschaften.

Anweisungen

1 Öffnen Sie die HTML-Quelle der Datei, die den codierten Link zu dem Bild enthält, die Sie transparent machen möchten.

2 Fügen Sie die folgende Codezeile direkt in dem < Img >-Tag: "style="opacity:X;filter:alpha(opacity=X)."

Img-Tag sollte etwa wie folgt aussehen: < Img Width = "150" Height = "150" Alt = "Mein Bild" style="opacity:X;filter:alpha(opacity=X)" / >

3 Ersetzen Sie die Variablen X, mit der gewünschten Anzahl an die Deckkraft. Die Funktion "Deckkraft: X" sollte festgelegt werden, auf eine 0.0-1.0 Skala in denen macht der untere Wert des Bildes transparenter. Die Funktion "filter:alpha(opacity=X)" sollte so gewählt werden, zu 0-100 Skala in denen macht der untere Wert des Bildes transparenter. Legen Sie diese auf den gleichen Wert, aber verwenden Sie beide Optionen zu, wie sie auf separaten Browser arbeiten.

4 Speichern Sie die Datei.

5 Zeigen Sie Ihre Seite in Ihrem Browser um die Ergebnisse zu testen. Bedarf anpassen.