IE исправить для png не работает

Question

Кто-нибудь знает, почему код ниже не работает?Я действительно хотел бы использовать этот метод в отличие от любого метода (ов) JavaScript.Я также попробовал абсолютный путь, но не повезло.

.test {
    width: 500px; /* Must Specify Width */
    height: 176px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../images/test-bg.png');
}

Answer 1

В отличие от других ссылок на файлы из CSS-файлов, атрибут src свойства filter относится к URL-адресу вашего браузера.Итак, для вашего примера кода предполагается, что папка с изображениями имеет значение http://www.yoursite.com/images, а используемый src - ../images/test-bg.png:

http://www.yoursite.com/                                -> Doesn't work
http://www.yoursite.com/some-page/                      -> Works
http://www.yoursite.com/some-page/another-level-deeper/ -> Doesn't work

. Лучший способ - использовать путь относительно корня, напримерэто:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/test-bg.png',sizingMethod='scale');

Если это не проблема, другая возможность состоит в том, что размер изображения может быть слишком маленьким.В прошлом я обнаружил, что растяжение изображения размером 1x1 может быть ошибочным, а иногда и не отображается должным образом.Обходной путь в этом случае должен был бы использовать большее изображение (больше чем 5x5 пикселей).

Answer 2

Я вижу, что вы пробовали абсолютный путь, но пробовали ли вы путь из домена (не включая)?

Итак, если полный путь равен "http://www.example.co.uk/images/test.png", вы просто используете"/images/test.png"

Вот как я использовал его в прошлом

Answer 3

Попробуйте:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/test-bg.png', sizingMethod=scale, enabled="true");

Answer 4

Я думаю sizingMethod=scale должно быть sizingMethod="scale"