Использование CSS Filter Property для IE 7 & 8 для градиента вместе с фоновым изображением уменьшило непрозрачность изображения?

Question

Я добавил градиент вместе с фоновым изображением к элементу в IE 7 и 8, однако свойство фильтра, похоже, меняет непрозрачность фонового изображения, поэтому оно не такое яркое, как должно быть (вместо того, чтобынепрозрачность 1,0 это больше похоже на 0,4).

Кто-нибудь знает, как это исправить?

Я создал JSFIDDLE , чтобы вы могли попробовать его.(работает только в IE 7-8)

Answer 1

Проблема в том, что IE накладывает фильтр на фоновое изображение, поэтому он на самом деле не приобретает непрозрачность, а накладывается на градиент.

Итак, единственное решение - добавить дополнительный блокс изображением, так что он будет над блоком с градиентом, например: http://jsfiddle.net/9UEGu/2/

Если вы не хотите, чтобы в вашей разметке было добавлено div, а не против выражений, вы можете сделать что-то вроде этого:http://jsfiddle.net/9UEGu/3/