Hogyan lehet több háttérképeket css
Ma fogunk foglalkozni munka háttérképeket telepíthető a háttérben ingatlan és egyéb értékeket. Vegyünk egy pár gyakorlati példát végrehajtása a telepítés több háttérrel, hogy egy és ugyanazon elem.
Ez hasznos lehet sok esetben, és pont. Különösen, a használata ál-elem ebben a kérdésben, mert nagyon rugalmas a paramétereket.
A több háttér képek

Ne hozzon létre egy egységet a blokk, a legegyszerűbb módja annak, hogy adjunk egy sort a szabályok a fő elem, és így a kívánt eredmény eléréséhez. Akkor úgy, hogy egy tömör lehetőségeket, különösen nincs szükség ismét mászni a forráskódot. Minden meg fog tenni kizárólag útján CSS.
Meg kell adnia a további paraméterek segítségével az egyes tulajdonságok: pozíció, ismétlés, méret, ha szükséges, akár színes. Továbbá kérjük, vegye figyelembe, hogy minden paraméter írt vesszővel elválasztva, ugyanabban a sorrendben, amelyben a számok képet.
Az utolsó részlet. Minden kód lehet csökkenteni, amelyek csak egyetlen univerzális tulajdonság háttérben. A minta kód egy második kiviteli amely megmutatja, hogyan kell csinálni.
Háttér-ál

Továbbá ne feledkezzünk meg az alternatívákat, mint olyan, a pszeudo-előtt és után. Az alkalmazásuk, valamint van egy pozitív - a kép tárolható szélére az elem, úgy, hogy nem tűnik el a határon, és volt a tetején. Ez a módszer hasznos, ha azt szeretné, hogy tegyen valamit, mint a 3D hatást.
Magyarázat. Tény, hogy minden nagyon egyszerű. A fő eleme a szokásos módon azt a hátteret. Aztán ott van a kulcs tulajdonság position: relative;. amely egy olyan területet határoz mozgatására a másik elem található, a fő elem, és amelynek jellemzője helyzetben: abszolút; .
Ahelyett, hogy egy másik elem, bár technikailag, megy, mint egy külön domain használja ál. Arra kérjük az abszolút és a pozíciós a megfelelő hely számunkra.
Lásd még:

CSS hatások gombok

CSS gombra. Rövid utasítás példák

CSS stílus egér. A kurzor tulajdonság

Átalakítás CSS: Kolbász nem a gyermek - a hatás a remegés (CSShake)