progid: DXImageTransform.Microsoft.AlphaImageLoader, вызывающий неактивность ссылок в ie8, ie7 и ie6 - PullRequest
2 голосов
/ 02 февраля 2012

Вот CSS, который применяет фон так, чтобы он растягивался вместе с окном браузера:

html {
    height: 100%;
    width: 100%;
}

body {
    background: url(images/skyline.jpg) no-repeat center 25% fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale')";
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #ddd;
    height: 100%;
    margin: 0;
    width: 100%;
}

У меня нет проблем при использовании FF, Chrome, Opera или IE9, но в IE8 IE7 и IE6 (не то чтобы я заботился о IE6) ни одна из ссылок не работает.

Когда я отключаю атрибут filter, ссылки снова работают.Я прочитал, что позиционирование относительных ссылок может помочь , но это не сработало, и внешний элемент <body> все равно не позиционируется относительно.

Сайт http://sytko.com. Клиенту было запрошено, чтобы дизайн и макет были такими, поэтому будет сложно представить альтернативы.Любая помощь с благодарностью.

1 Ответ

10 голосов
/ 02 февраля 2012

В соответствии с этим объяснением:

http://css -tricks.com / perfect-full-page-background-image /

"... любой, кто пытаетсяиспользуйте вышеупомянутые фильтры IE, и у вас возникли проблемы с полосами прокрутки или мертвыми ссылками ... следует НЕ использовать их в элементах HTML или body. Вместо этого используйте фиксированный div с шириной и высотой 100%. "

Вы можетезатем добавьте содержащийся div внутри тела.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...