2012-11-09 172 views
0

我做了一个网站的容器有一个不透明度:0.8,然后当我在这个容器中添加一张照片,实际上任何东西,它也显示为相同的不透明度。我想保持100%的图像没有不透明。我不确定这实际上会如何解决。我试过特别改变图像z-index和不透明度,但是没有奏效。任何帮助都会很棒。请参阅下面的示例。不透明度背景上的图片也选择不透明度

View Sample

回答

1

我想你最好让这些元素的背景半透明的,而不是增加透明度,整个容器。这不会影响照片,并会使文本和按钮更易于阅读。

+0

谢谢。我可以更改一些元素背景,但内容框不完整的地方有很大的差距。如果我创建了一个透明且重复的背景图片,该怎么办? – user1806879

+0

这肯定会起作用,并且具有在不支持不透明属性或RGBA背景色的IE7和IE8上的优势。 –

+0

背景图片工作,但首先尝试了RBGA,这是真棒。但是你说的没错,IE8渲染效果不好。再次感谢你的帮助。我很感激。 – user1806879

1

请阅读说明例如在http://css-tricks.com/rgba-browser-support/

我们早就有不透明的财产,这是类似的,但不透明度 强制所有decendant元素也变得透明并有 没有办法打它

所以,你必须使用例如:

background: rgba(200, 54, 54, 0.5);