Как настроить ширину изображений в IE8 и ниже

Question

Я пробую следующий подход, который показывает изображение и масштабирует изображение соответственно. Однако я хотел бы, чтобы ширина была не на 100%, а на 80%. Есть ли способ, которым я могу достичь этого и использовать следующий подход ниже?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ColoradoConnectBanner.jpg', sizingMethod='scale');

Answer 1

Вы не можете установить ширину, изменив фильтр, который вы использовали.

Фильтр AlphaImageLoader имеет ограниченные объекты, которые не включают настройку ширины.

Если вы хотите установить ширину вашей картинки, вы можете поместить картинку в контейнеркак div и установите атрибут "width", чтобы удовлетворить ваши требования.

Для получения дополнительной информации о связанной проблеме вы можете щелкнуть следующие ссылки на темы.Может быть, вы могли бы получить некоторые идеи от них.

1. Как мне заставить фоновый размер работать в IE?

2. progid: DXImageTransform.Microsoft.AlphaImageLoader, вызывающий неактивность ссылок в ie8, ie7 и ie6

Я сделал пример, на который можно сослаться.CSS.

.imageWrapper {
        display: block;
        width: 80%;
        height: 500px;
        background-image: url(Images/test2.jpg);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='Images/test2.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='Images/test2.jpg', sizingMethod='scale')";
    }

    .ie6 .imageWrapper,
    .ie7 .imageWrapper,
    .ie8 .imageWrapper {
        background-image: none;
    }

HTML.

<div class="imageWrapper">
    testtesttesttest
    testtesttesttest
</div>

РЕДАКТИРОВАТЬ: Вот мой результат работы: результат