Css background problem

Question

Hi yesterday I started creating a website usingonly HTML CSS and Photoshop.I decided to use as backgroound an image that I found over the internet but I dont realy know what size should I make the Image so that it will look the same on any resoluztion.

Any suggestions?

This is the image I am using

http://www.google.ro/imgres?q=underwater&hl=ro&biw=1366&bih=667&gbv=2&tbm=isch&tbnid=dnNKiqNL0-pNWM:&imgrefurl=http://www.wallpaperweb.org/wallpaper/nature/underwater_8323.htm&docid=KWgRgTNbop2oLM&w=1280&h=1024&ei=H5NnTqTTD-jQ4QTkhYHVDA&zoom=1&iact=hc&vpx=642&vpy=286&dur=1390&hovh=201&hovw=251&tx=111&ty=108&page=15&tbnh=155&tbnw=194&start=220&ndsp=15&ved=1t:429,r:12,s:220

Could you post an example of what your image looks like? That decision would be based entirely off of that. — scottheckel, Sep 07 '11 at 15:51
You *could* use media queries and target multiple screen resolutions. — Blender, Sep 07 '11 at 15:53

score 2 · Accepted Answer · edited May 23 '17 at 11:43

2

It's impossible to make the image look exactly the same at every resolution. However, if you simply want to scale it to fill the page, though, you could take a look at this SO question and answer.

edited May 23 '17 at 11:43

Community

1
1

answered Sep 07 '11 at 15:51

mwcz

8,949
10
42
63

score 1 · Answer 2 · answered Sep 07 '11 at 15:55

1

Thats a bit tough to tell but you might get away with using a jQuery plugin such as backstretch

answered Sep 07 '11 at 15:55

Andres I Perez

75,075
21
157
138

score 0 · Answer 3 · answered Sep 07 '11 at 16:25

0

That image can't be set to be shown the same in all resolutions. You'll need to find one which has a gradient which changes to one color. Then you can set your background color to be the same as the ending color of the image.

Hope this helps.

answered Sep 07 '11 at 16:25

cycero

4,547
20
53
78

Css background problem

3 Answers3