Следующий фрагмент кода работает везде нужно, за исключением IE7:JQuery: 2d преобразование (масштабирование изображения) плагин и IE
//Assess Stage 1
function stage1() {
$("#prevBtn").hide();
$('#cs_contentToSlide').animate({
left:0},200, function() {
$("#cs_house").fadeTo(10,1);
$("#cs_social").fadeTo(10,.3);
$("#cs_pie").fadeTo(10,.3);
$("#cs_house").animate({scale: '1.1'});
$("#cs_house").fadeTo(10,1);
$("#stateGraphic").attr('src', 'images/state1_3stage.gif');
})};
Я использую 2d преобразование плагина фактически масштабировать сам образ, от системы центра точка изображения, которая выглядит намного лучше, чем верхний левый по умолчанию.
Проблема в том, что размещение изображений, которые получают масштабирование, не остается на месте. Если я прокомментирую эту строку: $("#cs_house").animate({scale: '1.1'});
, то css работает.
Я установил положение абсолютного и верхних/левых значений в css, но также попытался в этой функции, используя: $("#cs_house").css({'top':'36','left':'230'});
, который, если я удаляю линию масштабирования, работает так, как должен в IE.
Мой вопрос: Кто-нибудь знает, как заставить IE7 + сохранить элемент/изображение при использовании эффекта масштаба?