2010-01-11 99 views
1

我尝试使用以下DIV透明背景即

carousel

问题转盘结构是背景(链路与左侧描述)半透明并能正常工作的歌剧,火狐,铬,safari除ie6。 IE6显示它没有透明性。如何改变显示为其他浏览器?

回答

3

与您的解决方案的问题在于,它试图用图像文件来实现透明度:

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

的Internet Explorer 7 <不能正确绘制真正PNG透明度,因为它吮吸。

您的最终解决方案是您很幸运并且不需要真实的图像透明度。相反,您可以使用不透明CSS修饰符。为“CSS不透明”谷歌搜索,这是第一次命中的一个: http://www.quirksmode.org/css/opacity.html

为了使预期这总是工作(即文本本身是透明),你将不得不做额外技巧。例如。第二个<div>元素下真实的一个(不级联他们!),或级联他们,并希望你可以重写子元素的不透明度,或.... 这就是为什么在原始版本中,使用透明图像的技巧。

它清楚地显示了IE非常糟糕。我只是反对它,就像我对我的网站做的那样。

+0

我用背景颜色与过滤器:alpha(不透明度= 50),但它也会导致相同的结果。 – ArK 2010-01-11 13:22:15

+0

过滤器和alpha之间是否有空格?我不知道它是否重要。 – ypnos 2010-01-11 13:53:13

+0

应该有一个......但我不知道它是否重要。 – ypnos 2010-01-12 14:57:44