1

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

旋转木马

问题是背景（左侧带有描述的链接）半透明，它适用于除 ie6 之外的 Opera、firefox、chrome、safari。ie6显示它没有那个transparentcy。如何更改为显示为其他浏览器？

4

1 回答 1

3

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

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

Internet Explorer < 7 无法正确绘制真正的 PNG 透明度，因为它很烂。

你的解决方案是你很幸运，不需要真正的图像透明度。相反，您可以使用 opacity CSS 修饰符。在 google 上搜索“CSS opacity”，这是第一个点击： http ://www.quirksmode.org/css/opacity.html

要使其始终按预期工作（即文本本身不透明），您将不得不做一些额外的技巧。例如<div>，在真实元素下添加第二个元素（不是级联它们！），或者级联它们并希望您可以覆盖子元素中的不透明度，或者......这就是为什么在原始版本中使用透明图像的技巧。

它清楚地显示了 IE 的糟糕程度。我会像对待我的网站一样弃用它。

于 2010-01-11T11:28:36.370 回答