Ändern Sie die Deckkraft der Farben in Web Design

Seit Jahren, Web-Designer, die mit Transparenz in Webseiten wurden durch Bilder entweder im PNG- oder GIF-Format und macht eine Farbe transparent zu speichern. Diese Methode ist zwar nicht ideal ist, hat es als eine Möglichkeit gearbeitet Bilder zu machen scheinbar # 147-float # 148- auf einer Seite und ein Bild über eine andere Schicht, die durch ein Bild auf einer Seite über ein Hintergrundbild platzieren.

Dank CSS 3, können Sie jetzt einen transparenten Hintergrund erstellen und sogar verschiedene Ebenen der Opazität subtilere Design-Effekte für die Seiten auf dem iPhone und iPad angezeigt zu erstellen. Sie können die Undurchsichtigkeit Eigenschaft mit RGBa Farben verwenden, um anspruchsvolle Transparenzfunktionen in Ihre Designs, wie die transparente Dropdown-Navigationsliste in dieser Figur gezeigt erstellen.

Ändern der Undurchsichtigkeit des Hintergrundes hinter dem Drop-Down-Liste können Sie das Bild dahinter durchscheinen und schafft eine subtilere Design-Effekt.

In dem gezeigten Beispiel wurde der Hintergrund des Menüs eine transparente grau anstatt der festen grauen im gleichen Design in dieser Figur gezeigt verwendet gemacht.

Die Undurchsichtigkeit Einstellungen in CSS 3 bieten ein hohes Maß an Flexibilität bei der Wahl eine RGBa Farbe zu verwenden, und die Menge an Transparenz zu spezifizieren.