简体   繁体   中英

Cover background image is not scaling properly?

I'm trying to figure out exactly why my webkit cover background isn't scaling properly on some pages on my site.

The URL is http://www.finestgc.com/ . On the homepage, you can see that the cover background image is scaling properly, the issue lies on the other pages, such as: http://www.finestgc.com/general.html where you can see the image is scaling entirely too big.

Could a CSS/HTML expert help me determine the reason this is occurring? Any suggestions would be appreciated.

In your CSS file, change this:

body
{
    background: url('images/blueprint.png') #222 no-repeat;
    ....
}

to:

body
{
    background: url('images/blueprint.png') #222 no-repeat fixed;
    ...
}

In your second page http://www.finestgc.com/general.html

In CSS on body add this code

background-attachment:fixed;

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM