Perfekt centrerad och placerad bakgrundsbild
Detta gör du enkelt med CSS kod och background-size som finns i CSS3. Detta funkar i alla standard webbläsare så som: Safari3+, Chrome, IE9+, Opera10+, Firefox3.6+.
Resultatet blir en perfekt placerad och centrerad bakrunds-bild. Bilden blir responsiv dvs. anpassar sig utefter betraktarens skärm. Påverkas inte heller när du zoomar i din webbläsare. Bilden är fixerad och centrerad och visas så som den är skapad i Photoshop.
CSS kod hälsningar Bohus IT:
#bohusit-main {
background: #FFFFFF url('../images/page.jpg') center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}