Фоновое изображение для якорной ссылки и CSS прозрачно в IE8

Question

Фоновое изображение для якорной ссылки и CSS прозрачно в IE8

0

HTML-код

<div class="thumbnail-wrapper">
    <a tabindex="-1" class="thumbnail select" style="background-image: url(http://localhost/RP/assets/images/hero/01.jpg); width: 157px; height: 87px;" data-index="0">
        <div class="caption" style="bottom: 0px;">Sport live FA Cup games revealed</div>
    </a>
    <span class="pointer" style="display: inline;"></span>
    <a tabindex="-1" class="gal-type"></a>
</div>

IE CSS

.thumbnail-wrapper .thumbnail.select {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    zoom:1;
    display: inline-block;
    position:absolute ; // this is not needed but I gave at least this could help
}

Я дал несколько свойств фильтра, но не повезло.

Sameera Thilakasiri 14 март 2014, в 14:44

Источник

0

stackoverflow.com/questions/1948176/...
Nico O 14 март 2014, в 13:09
0

@NicoO Не повезло, я проверил это.
Sameera Thilakasiri 14 март 2014, в 13:10
0

Я думаю, что у вас есть проблемы с порядком ваших определений. Вы переопределяете свой собственный фильтр. Попробуйте точно скопировать один из ответов с высокой оценкой.
Nico O 14 март 2014, в 13:13
0

-ms-filter не должен быть после filter , всегда ставьте браузер перед стандартами.
wf4 14 март 2014, в 13:15

Показать ещё 2 комментария

Теги:

html

css

opacity

internet-explorer-8

2 ответа

Ещё вопросы

Я думаю, что у вас есть проблемы с порядком ваших определений. Вы переопределяете свой собственный фильтр. Попробуйте точно скопировать один из ответов с высокой оценкой.
-ms-filter не должен быть после filter , всегда ставьте браузер перед стандартами.

demonofthemist · Answer 1 · 2014-03-14T11-55-00.000Z

Добавить наложение изображения внутри ссылки привязки. Что-то вроде этого

HTML-код

<div class="thumbnail-wrapper">
    <a tabindex="-1" class="thumbnail select" style="width: 157px; height: 87px;" data-index="0">
        <div class="overlay"></div>
        <div class="caption" style="bottom: 0px;">Sport live FA Cup games revealed</div>
    </a>
    <span class="pointer" style="display: inline;"></span>
    <a tabindex="-1" class="gal-type"></a>
</div>

IE CSS

.thumbnail-wrapper .thumbnail.select {
    display: inline-block;
    position:relative;
}

.thumbnail-wrapper .thumbnail.select .overlay {
    background : url(http://localhost/RP/assets/images/hero/01.jpg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    position:absolute;
    top:0;
    left:0;
    width:157px;
    height:87px;
}

Chintan Bhatt · Answer 2 · 2014-03-14T10-43-00.000Z

целевой стиль только для IE с использованием звездочки * перед любым атрибутом.

*filter: alpha(opacity=70);

Так что атрибут не конфликтует с другими атрибутами.