1. Denne type mønster overlegg komme godt med på nettsteder med full skjerm fotobakgrunn. De kan gjøre en nettside mer lesbar, slik at brukerne kan fokusere på et innhold og ikke bakgrunnen
Høyreklikk her og Lagre kobling som ...
å laste ned mønsteret som brukes i denne opplæringen, eller.:
Nettstedet bakgrunn overlegg mønster ved hjelp av Photoshop
2. i din CSS fil (styles.css i mitt tilfelle) skriv inn følgende kode:
#bg_pattern {background-image: url (bg_pattern.png); stilling: fast; opacity: 0.8; venstre: 0px; top: 0px; width: 100%; height: 100%; z-index. 1;}
Bytt bg_pattern.png med navnet og banen til ditt eget bilde
Du kan også stille inn graden av gjennomsiktighet mønster ved hjelp av opasitet stil: 0 betyr full åpenhet, 0,5 halv åpenhet og en ingen åpenhet.
3. I din kilde /html-fil, skriver du inn følgende kode:
< div id = "bg_pattern" > < /div >
Hvor bg_pattern er navnet på CSS stilen du definert i forrige trinn.
Og det er det!
4. Klikk her for nettsiden med bakgrunnsmønster overlegg.
Klikk her for å laste CSS-filen som brukes i denne opplæringen. .
5. Klikk her for nettstedet uten mønster bakgrunn overlegg
Anbefales også:
fullskjerm HTML5 video nettsted bakgrunn, En falsk gradient nettside bakgrunn med CSS
<