Background:url(img/sun.png) top -15px left -15px support?

HTML & CSS
1

Hello, I’m positioning a bunch of things with fixed position. Originally I just used empty "b"s. But instead I want to use multiple backgrounds on the body. However only telling the images to be certain percentages or pixels from the top left is not an option. I need to also tell them to be X amounts from the bottom right. This background:url(img/sun.png) top -15px left -15px; seems to only work in FX and Opera

2

Apparently I forgot to finish my question. Are there any other options I’ve missed instead of just using a bunch of empty tags? I don’t need ie8 support.

3

You don’t want the words and values in there. This should work:

background:url(img/sun.png) -15px -15px;

Of course, if you don’t want it to repeat, add in no-repeat.

Are there any other options I’ve missed instead of just using a bunch of empty tags? I don’t need ie8 support.

CSS3 allows for multiple background on an element, so if you don’t need IE8 support, go with that.

4

Hi Ralph. Css3 has a new thingy were you can put the left rights in there. I was hoping they all supported it - they don’t. Your example only takes the mesurememt from the top left. I need bottom right. My fall back is either multiple empty tags or I believe I can use multiple backgrounds on the footer and place them all pretty good with out the keywords.

http://tanalin.com/en/blog/2011/09/css3-background-position/

5

Ah, gotcha. Should have known I was missing something.

All the same, do you really need those values for the top and left positions?

6

Apparently I was not privy to how fixed position fully works. I can’t position it off the footer. As it positions off the body no matter what. Prob just going to use one big image centered on the body. Ill see how that goes…