如何解决CSS背景透明度问题？

所有 enter image description here 如何解决CSS背景透明度问题？

正如你可以在图片中看到我有渐变背景（这是响应式布局），我想显示在该证明书。问题是，我想透明bg。

我试图用这个

.transparent { 
    zoom: 1; 
    filter: alpha(opacity=50); 
    opacity: 0.5;

}

但其显示这样的事情不是我的解决方案 enter image description here

如何设置推荐BG一样在我的网站BG。半透明PNG可以用这个或任何其他方式解决它吗？

在此先感谢...

来源

2011-12-06 Ajay Patel

你有没有设置这个元素上的“背景：透明”？ – alex

@Ajay：我不确定这个问题...你想要证明书的背景是透明的，但不是正确的文字？ –

尝试使用rgba作为背景。这使您可以选择背景不透明度。这里有一个我一直使用的小计算器来获得十六进制rgba http://hex2rgba.devoth.com/。

我不太确定我是否理解这个问题，但如果您想要半透明度，那就是您可以使用的。要获得完全透明度，请使用background: transparent。它应该工作。

编辑：我相信我现在更了解这个问题。你得到结果的原因是因为你将整个元素设置为不透明度0.5，而不仅仅是背景。如果你使用rgba喜欢我的建议，你可以设置背景为半透明这样

background: rgba(238, 238, 238, 0.5);

来源

2011-12-06 06:21:32

但是，背景属性默认是透明的 –

背景透明为我工作谢谢 –

我想象你的主要问题是试图设置不透明度为0;） –

试试这个

.transparent { 
     /* Required for IE 5, 6, 7 */ 
     /* ...or something to trigger hasLayout, like zoom: 1; */ 
     width: 100%; 

     /* Theoretically for IE 8 & 9 (more valid) */ 
     /* ...but not required as filter works too */ 
     /* should come BEFORE filter */ 
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

     /* This works in IE 8 & 9 too */ 
     /* ... but also 5, 6, 7 */ 
     filter: alpha(opacity=50); 

     /* Older than Firefox 0.9 */ 
     -moz-opacity:0.5; 

     /* Safari 1.x (pre WebKit!) */ 
     -khtml-opacity: 0.5; 

     /* Modern! 
     /* Firefox 0.9+, Safari 2?, Chrome any? 
     /* Opera 9+, IE 9+ */ 
     opacity: 0.5; 
}

或像这样

.transeffect { 
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5; 
}

来源

2011-12-06 06:30:21

我想我的问题你可以看到我已经提到了这个CSS，从CSS技巧，它不工作对我来说 –

+1这样做的全部。 –

如何解决CSS背景透明度问题？

回答

相关问题