Készíts egy keretet ad a képnek a keverési módok

Először is, meg kell találni a megfelelő képet:

Aztán talál egy képkeret kopott élek és sötét monoton központ. A hálózat tele van minták Photoshop, mint ez:

Gyakorlati tanfolyam adaptív layout Landing semmiből!

Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon

Ahhoz, hogy a legjobb hatást általában szorosan illeszkednek tömörített képet a szürke árnyalataiban, 16 vagy 32 bites PNG formátumban.

A háttérkép a képre

Elvileg szinte minden HTML elem futó background-image tulajdonság, még a kép maga. De sajnos ebben a helyzetben, a háttérképet esik ugyanazon réteg maga a kép, és az overlay mód nem támogatott. Ehelyett fogjuk fel a képet egy konténer, amelyhez a background-image tulajdonság a sablon:

Meghatározása a megfelelő blend mód kissé zavaros és függ a háttérben a tartály. Ha a háttér és a keret fehér, akkor a legjobb megoldás az lenne, hogy képernyőn:

Az eredmény ugyanaz, mint a fejlécben híreket.

más módon

Vannak más módon, de mindkettőnek megvan a maga hátrányai:

Mert -webkit- böngészők jellemző kép-maszk, de ez csak akkor működik a Chrome és a Safari.

border-image tökéletesen minden böngésző támogatja, de a legtöbb alkalmas hagyományos lapos kép határait.

Felülvizsgálat: Team webformyself.

Gyakorlati tanfolyam adaptív layout Landing semmiből!

Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon

A legtöbb IT hírek és webfejlesztés A csatorna-távirat