прозрачный фон div с ie

Question

я пытаюсь использовать структуру карусели ниже

карусель

проблема в фоне(ссылка с описанием слева) полупрозрачный и отлично работает с Opera, Firefox, Chrome, Safari, кроме ie6.ie6 отображает его без прозрачности. Как изменить отображение, как в других браузерах?

Answer 1

Проблема с вашим решением заключается в том, что оно пытается добиться прозрачности с помощью файла изображения:

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer <7 не может правильно отображать настоящую прозрачность PNG, потому что это отстой.

Решение с вашей стороны заключается в том, что вам повезло и вам не нужна настоящая прозрачность изображения.Вместо этого вы можете использовать CSS-модификатор непрозрачности.Найдите в Google «непрозрачность CSS», это один из первых результатов:http://www.quirksmode.org/css/opacity.html

Чтобы это всегда работало так, как ожидалось (т.сам текст есть нет прозрачный) вам придется сделать дополнительные трюки.Например.слой второй <div> элемент под реальным (не каскадируя их!), или каскадируйте их и надейтесь, что вы сможете переопределить непрозрачность в дочерних элементах, или....Поэтому в оригинальной версии был использован трюк с прозрачным изображением.

Это ясно показывает, насколько отстой IE.Я бы просто отказался от этого, как я делаю это со своими веб-сайтами.