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

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

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

Я думаю, вам нужно использовать другой элемент внутри этого, который имеет ширину 80% от родительского.

— 10.11.2018 16:27

css internet-explorer-8

10.11.2018 02:35

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 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>

Обновлено: Вот мой результат работы: результат

@ Jenifer Jiang: У меня проблема в том, что я не могу найти конкретный файл / доступ к файлу, в котором используется изображение. Единственный файл, к которому у меня есть доступ, - это файл css, размер которого я пытаюсь настроить, используя только css.

— 12.11.2018 17:54

Почему вы не смогли найти файл? Путь к вашему изображению - это относительный путь текущего проекта. src = "относительный путь". Если связанного файла нет, изображение не будет отображаться.

— 13.11.2018 03:15

@ Дженифер Цзян: Я говорю об индексном файле, в котором используется изображение. Однако я смог понять это, используя first-child и взлом, который я нашел для IE8 и ниже.

— 13.11.2018 04:29

12.11.2018 11:05