У меня есть масштабирование изображений на моем сайте, все работает нормально, но в IE8 (на старой и новой версии это работает нормально) изображения не масштабируются, как у них тоже - у меня есть только верхний левый угол изображение.IE8 размер фона: обложка
Существует как изображение показывает на FireFox, Chrome, IE6, IE7, IE9 и т.д .: http://i.imgur.com/jfi6t6A.jpg
и там, как это показано на ie8: http://i.imgur.com/IAOiVwZ.jpg
Часть кода моего сценария изображения:
$('.artykul-tresc p img').each(function() {
var img = this;
var src = $(img).attr('src');
var width = $(img).width() + 'px';
var height = $(img).height() + 'px';
var wm_top = $(img).height() - 38 + 'px';
var alt = $(img).attr('alt');
var replacement = sprintf("<a href=\"%s\" class=\"fancybox\" rel=\"images\"><div style=\"background-image: url('%s'); background-size: cover; width: %s; height: %s; display: inline-block;\"><img src=\"/static/watermark-photo.png\" style=\"position: relative; top: %s; float: right;\" /></div></a>", src, src, width, height, wm_top);
$(img).replaceWith(replacement);
});
и есть код с сайта:
<a href="/userfiles/image/sufit-podwieszany-armstrong-2.jpg" class="fancybox" rel="images"><div style="background-image: url('/userfiles/image/sufit-podwieszany-armstrong-2.jpg'); background-size: cover; width: 185px; height: 274px; display: inline-block;"><img src="/static/watermark-photo.png" style="position: relative; top: 236px; float: right;"></div></a>
Ширина и высота изображения не статичны, так как я могу исправить это для IE8?
http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie – Anup
Я не знаю, как поместить этот код со своей ссылки в мой код, это будет что-то вроде: http://pastebin.com/mzS7mUqC? Потому что это не работает для меня, я не знаю, что я делаю неправильно. – user3180931