Прозрачный цвет фона, но не прозрачный текст в IE 6 и 7

Question

Я пытался следовать советам в CSS: полупрозрачный фон, но не текст .Я доволен результатами в Firefox, Safari, Opera и Chrome.С помощью этих браузеров я получаю результат, аналогичный приведенному ниже, где под заголовком вы можете видеть прозрачный фон.Однако у меня проблемы с IE.

Вы должны щелкнуть здесь, чтобы увидеть jsfiddle .

В IE8 все в порядке, но в IE6 / 7 вообще нет цветной полосы.Кто-нибудь знает, как это исправить?

Answer 1

In div.header:

Удалить:

background-color: #0a5787;
background: transparent;

Добавить:

background: none;
zoom: 1;

Изменение:

/* For IE 5.5-7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787)";

Это работает на IE7, когда я тестирую его, и теоретически я уверен, что он должен работать в IE6, но на моем эмуляторе он не работает.

JSFiddle: http://jsfiddle.net/3jEbC/