IE 8 background-position issue in 0.6.2 had to rever to 0.4.0

[htmlr]

Cant put my finger on the issue but it in IE 8 version 0.6.2 initializes background position to 50% 50% overwriting initial stylesheet value. However version 0.4.0 keeps stylesheet value.

Heres my CSS:

.section { background-position:50% 0px; background-repeat:no-repeat; background-attachment:fixed; }

intro.section { background-image: url(../images/cc_cloud_bg.jpg); }

team-a.section { background-image: url(../images/cc_newyork_bg.jpg); }

team-b.section { background-image: url(../images/cc_aloisi_bg.jpg); }

[getdave]

IE9 and below are reporting false background position. My CSS is set to 50% 50% but

$elem.css('background-position');

reports "0% 0%"

[getdave]

Ok I figured this out. If you do the following in your CSS:

`background-position: 50% 50%``

then $elem.css('background-position-x') returns a px based value.

However if you use a keyword-based approach like this

`background-position: center center``

then the reported value is the keyword.

However IE9 is still reporting 0% 0%. This probably relates to jquery/jquery#748

[ghost]

You can do something like this

First install jquery migration

https://github.com/jquery/jquery-migrate/#readme

Include these on your html

The $.browser property allows you to target browsers you want to apply your style into

In this case for background-position can be changed to property supported backgroundPosition

Available flags are - webkit - safari - opera - msie (for IE) - mozilla

Example for IE or Firefox

if ( $.browser.msie || $.browser.mozilla) {
$(".section").css('backgroundPosition', position + "px 0");
}
for chrome

if ( $.browser.webkit) {
$(".section").css('backgroundPosition', position + "px 0");
}
I got mine working on IE8 and firefox