How can I set a CSS property on the html element with jQuery?

Question

I'm trying to do something like...

$('html').css({'background': 'url(/images/bg.png) top center'})

EDIT: For those that will ask why not just set it on the body or some other work around, this needs to be set like this as it fixes a webkit bug in iOS 4

EDIT 2: I guess this is doing what it should already. It must be something with the finicky bug that is causing this to act differently then when I set it via external CSS, strange

Isn't background CSS properties supposed to go in body rather than html? — JCOC611
– JCOC611, Commented Nov 3, 2011 at 22:46
I use styles (including background) on <html> all the time, have no idea what these guys are talking about. This should already work fine, your image path is probably wrong. — No Results Found
– No Results Found, Commented Nov 3, 2011 at 22:48
@fancy, why dance all around this issue? You posted valid code that should be working and talk about working around a Webkit bug. Please, for the readers' benefit, explain this Webkit bug so we can get to the root of the issue. — Sparky
– Sparky, Commented Nov 3, 2011 at 23:03

Sparky · Accepted Answer · 2011-11-03 22:58:31Z

1

Simply like that:

$('html').css('background', 'url(/images/bg.png) top center')

edited Nov 3, 2011 at 22:58

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

answered Nov 3, 2011 at 22:47

Nicolas Thery

2,4584 gold badges27 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JaredPar · Accepted Answer · 2011-11-03 22:50:21Z

0

Try the following

$('theSelector').css('background', 'url(/images/bg.png) top center');

For the theSelector portion you can use the most appropriate jQuery selector for your situation

http://api.jquery.com/category/selectors/

answered Nov 3, 2011 at 22:50

JaredPar

759k152 gold badges1.3k silver badges1.5k bronze badges

Comments

No Results Found · Accepted Answer · 2011-11-03 22:58:39Z

0

There's nothing syntactically incorrect about your jQuery code.

EDIT: Try setting it to the body and the html:

$('html, body').css({'background': 'url(/images/bg.png) top center'})

If you're only doing one change, it's best to use the singular form:

$('html, body').css('background', 'url(/images/bg.png) top center')

edited Nov 3, 2011 at 22:58

No Results Found

103k38 gold badges199 silver badges232 bronze badges

answered Nov 3, 2011 at 22:46

switz

25.3k27 gold badges79 silver badges106 bronze badges

2 Comments

No Results Found Over a year ago

Those are two different elements, and both can have backgrounds. There's no reason you can't style the <html> element.

switz Over a year ago

Clearly it's not working for him. Hence the suggestion to try setting both html and body. I don't see a need to vote this down.

Collectives™ on Stack Overflow

How can I set a CSS property on the html element with jQuery?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related