3 replies [Last post]
boristhemoggy
boristhemoggy's picture
Offline
newbie
Last seen: 6 years 35 weeks ago
Timezone: GMT+1
Joined: 2005-05-24
Posts: 5
Points: 3

I have set a background image to my page, but I would like it to 'shrink' as the browser window shrinks, therefore fitting all resolutions.
I tried simply putting the image as width: 100% but this didn't work.
Is it possible and if so how please?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 4 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

background-size

Since you didn't post your code or give us a link, my suggestion is made somewhat blindly, but will probably work. See CSS3 background-size property.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Madhukarwd
Madhukarwd's picture
Offline
newbie
Bangalore
Last seen: 6 years 30 weeks ago
Bangalore
Timezone: GMT+5.5
Joined: 2016-07-21
Posts: 2
Points: 2

Hi!Try setting height of the

Hi!

Try setting height of the image as auto so that you may get background image also responsive.

boristhemoggy
boristhemoggy's picture
Offline
newbie
Last seen: 6 years 35 weeks ago
Timezone: GMT+1
Joined: 2005-05-24
Posts: 5
Points: 3

Hi, I know there is a way to

Hi, I know there is a way to access the css but I can't recall how to do it Sad
My site is www.caramelphotography.co.uk