Доброе время суток.
Столкнулся с проблемой нахождения background-position с помощью jquery (v1.4.4) в "любимом" ие.
<div class="sdf" style="width: 1000px; height: 500px; background: url('artatom/header-bird-1.png') 50% 50% no-repeat;">
</div>
Opera, FF, Chrome:
bgxy = $(".sdf").css("background-position"); // bgxy = "50% 50%"
bgxy2 = $(".sdf").css("backgroundPosition"); // bgxy2 = "50% 50%"
В
ie8, понятное дело, .css("background-position"); не работает, поэтому:
bgx1 = $(".sdf").css("background-position-x"); // bgx1 = "670px" - вычисляет 50% от экрана, ну хрен с ним, главное вычисляет
bgx2 = $(".sdf").css("backgroundPositionX"); // аналогично bgx1
А вот теперь самое интересное.
bgy1 = $(".sdf").css("background-position-y"); // bgy1 = "670px" - простите, но ведь это же "х"!
bgy2 = $(".sdf").css("backgroundPositionY"); // тот же эффект, вместо "у" выдаёт "х"
Chrome:
bgy1 = $(".sdf").css("background-position-y"); // bgy1 = "50%"
bgy2 = $(".sdf").css("backgroundPositionY"); // bgy2 = "50%"
Если в стиле прописать
background-position-x: 50%; background-position-y: 49%;
- эффект тот же, вместо "y" ие находит "x".
Вопрос в том, как найти в ie8 background-position-y?
Заранее спасибо.
З.Ы. Настораживает, что нигде в инете не видел такой проблемы, может, я в чем-то туплю?