Heute ist die Erstellung von Website-Design zu einem echten Kunst.Es ist nicht nur eine Reihe von Seiten mit einer bestimmten Farbe und Größe, Schriftart, verschiedenen Arten und Themenbilder.Um sicherzustellen, eine Website von anderen unterscheidet, um die Aufmerksamkeit der Besucher anzuziehen und an diese oder andere Elemente mit einer Vielzahl von Methoden und Werkzeugen.Unter ihnen ist ein sehr beliebtes Objekt css - Transparenz.Diese Technik ist sehr modisch und glamourös, und deshalb wird häufig verwendet.Text, Bild oder das ganze Gerät, zum Beispiel - Sie können die Transparenz der verschiedenen Objekte Seiten geben.Sie kann auch auf verschiedene Weise erreicht werden.Betrachten wir sie unten.
Parameter, um die Transparenz von Elementen
Parameter ermöglicht, die Transparenz der Elemente mehrerer einstellen eingestellt.Sie sind abhängig von den spezifischen Zielen verwendet, und der Browser, der unter der "eingestellt" Entwurf ist.Dazu gehören die folgenden Eigenschaften:
- Deckkraft;
- Filter;
- PNG-Bild als Hintergrund.Je höher die Zahl, desto geringer ist die Transparenz des Elements:
Eigenschaftswerte css "Transparenz" werden wie folgt geändert.Die Deckkraft variiert von 0 bis 1, in Filter - von 10 bis 100 und dieser für den Browser Interet Explorer verwendet wird, und für alle anderen anwendbaren Eigenschaft Deckkraft.
Transparency Bild (Ändern)
beginnen mit Optionen, wenn Transparenz manifestiert sich, wenn Sie den Mauszeiger auf das Element zu verschieben.
prüfen, wie die Transparenz des Bildes festgelegt.CSS bietet zwei Optionen.Um dies zu tun, müssen Sie ihn in den HTML-Code-Dokument registrieren, wie folgt:
- Geben Sie den Pfad zu dem Bild.
- definiert die Parameter der Transparenz, wenn der Cursor nicht.Dazu nutzen wir die Eigenschaften onmouseover und onmouseout, die den Wert und die Deckkraft-Filter vorschreibt.
Diese Eigenschaften können in CSS-Dokument und dem Source-Code, um einen Link, um es hinzuzufügen verschrieben werden.Die Ergebnisse erweisen sich die gleichen.
transparent Textblöcke und Seite
Was den Text oder Block (transparent div) bietet css seiner Wahl ähnlich wie das Erstellen ein transparentes Bild, das angeschlossen ist css-Datei, welche die notwendigen Parameter gegeben wird verwendet.Sie können gehen und einen einfacheren Weg.Wenn Sie den Style-Block div style oder Text S. verschreiben den folgenden HTML-Code-Elemente für onmouseover und onmouseout.Beide Optionen funktionieren und das gewünschte Ergebnis.
Transparency konstant
In einigen Fällen kann die Transparenz des Objekts, ein Design-Element oder Text, den Sie fortlaufend festgelegt werden soll.In dieser Situation ist die Lösung noch einfacher als mit der Maus.
css Element für Transparenz wird der folgende Code angegeben werden.In Block div style verschreiben Werte für Hintergrund (beispielsweise # ff8800), Deckkraft (zB 0,5) und die Breite (Breite) und padding (padding).
für Bilder im Code machen Werte und Deckkraft-Filter, und geben Sie den Pfad zu dem Bild.
RGBA-Verfahren
Es gibt andere Optionen für die Verwendung dieser Eigenschaft css: Transparenz kann auf die Hintergrundfarbe eines Gestaltungselement eingesetzt werden.Es verwendet die Methode der RGBA.Die ersten drei Buchstaben stehen für die Grundfarben (Rot, Kernspaltung, blau) und die letzte - alpha, die den Grad der Transparenz setzt.Verwendung RGBA-Format schreibt Transparenz und deutete es auf die letzte Stelle.Zum Beispiel, wie: Hintergrund: RGBA (240,2,33,0.4035).
Fazit
Somit kann unter Verwendung im Verlauf der Arbeiten an der Website-Design ist einfach, aber spektakuläre Anwesen css "Transparenz", können Sie es noch interessanter und auffälliger Elemente minimalem Aufwand leisten können.Die beschriebenen Ausführungsformen die Arbeitsleistung Transparenz wird Ihnen dabei helfen.
