Can anyone tellme how I can change the css forthe background image on my site:
background: #bbe1ed url(../../images/background/landscape/landscape_img.jpg) 50% 100% repeat-x;
background: url(../../images/background/landscape/landscape_clouds.png) 50% 0 no-repeat,
url(../../images/background/landscape/landscape_img.jpg) 50% 100% repeat-x,
url(../../images/background/landscape/linear_gradient.svg) 50% 0 no-repeat;background-size: 2000px 1450px, 2482px 435px, 100% 100%;
The background image of the landscape at the bottom of the page stretches and appears pixelated.
Why are there clounds on the ground? :)
If it’s the landscape image you are referring to then you have set the `background-size` to something larger than the actual image size.
The landscape image is 1800×322 but it’s set to 2482×435 in your CSS so it scales up and gets pixelated.
I think I’ve figured out why the clouds are on the ground.
The bg images are selected in the wrong order.
It should be…
I think that’s right.
Brilliant thank you very much!!!
Yeah the stack order is a bit counter intuitive, I remember it like this: first one is closest to the user.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".