Perfekt centrerad och placerad bakgrundsbild

 

Du kan göra detta med CSS kod med hjälp av 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.

#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;

}