Gradient jelenti css
Mostanáig a feladat feltérképezése gradiens háttér a legtöbb programozó megoldani „podsovyvaniya” kép a háttérben, és az ismétlés függőlegesen vagy vízszintesen, attól függően, hogy a kívánt hatást.
Annak ellenére, hogy a lehetőséget, hogy egy gradiens háttér kép CSS azt jelenti, hogy hosszú ideig, hogy kihasználják ezt a lehetőséget, nem nagyon szívesen. Tény, hogy nagyon kevés ember akar, különösen a kereskedelmi projektek, kitalálni felesleges problémákat a fejét egy cross-browser elrendezést. Különösen azért, mert a legutóbbi időkig, mint az Opera nem támogatja a CSS-ny gradiens.
Ma, vegyünk egy példát CSS kód, amely lehetővé teszi, hogy megjelenjen a függőleges két színátmenet. By the way, az Opera 11.10 verzió már támogatja gradiens töltse ki a háttér CSS.
Az alábbi kód működik a leggyakoribb böngészők: IE, Firefox, Opera, Chrome, Safari.
Add a kódot a stíluslap:
Most elemezzük, mi az, ami:
Az első sorban az egyértelmű. Ez a böngészők, amelyek nem támogatják gradiens funkció.
Megfigyelők Chrome és Safari dolgozni Webkit platform. Gradiens azok kialakítást ismertetjük -webkit-gradiens (gradiens típusú kiindulási pont, végpont, a kezdeti szín, végleges színét).
minden csak a Firefox, mint „három rubelt.” Lineáris gradiens leírt paraméterek szerkezete: -moz-lineáris-gradiens (kezdőpont, indítsa színes, vége szín).
Az Opera története ugyanaz, mint a Firefox, a design jellemzi egyetlen betű: -o lineáris gradiens (kezdőpontot, a kezdeti színt, végleges színét).
A Microsoft, mint mindig megkülönböztetni a IE! Itt a paraméterek beállítása a gradiens szűrőt. És hivatkozásokat a GradientType többet, mint a megcsúfolása, mert amellett, hogy gradientType = 0 már nem nem működnek. Legalábbis ez volt a írásakor ezt a bejegyzést:
Ez a kód általában megjelenik egy függőleges gradiens az összes modern böngészőben.