div прозрачный фон с т. е.

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, потому что это отстой. </p>

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

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

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