Question

我尝试使用下面的轮播结构

问题是背景（左侧描述链接）半透明，除了ie6外，它与opera，firefox，chrome，safari一起正常工作。 ie6显示它没有那个透明度。如何更改为显示为其他浏览器？

Answer 1

您的解决方案的问题在于它尝试使用图像文件实现透明度：

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

Internet Explorer＆lt; 7无法正确绘制真正的PNG透明度，因为它很糟糕。

您最终的解决方案是，您很幸运，不需要真正的图像透明度。相反，您可以使用不透明度CSS修饰符。搜索谷歌的“CSS不透明度”，这是首批点击之一： http://www.quirksmode.org/css/opacity.html

为了使其始终按预期工作（即文本本身不透明），您必须执行其他技巧。例如。在真实元素下面分层第二个<div>元素（不级联它们！），或者级联它们并希望你可以覆盖子元素中的不透明度，或者.... 这就是为什么在原始版本中使用透明图像的技巧。

它清楚地表明IE糟透了。我会弃用它，就像我对我的网站一样。