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

全部

正如你们在图片中看到的，我有渐变背景，这是一个响应性很强的布局，我想在上面展示推荐信。 问题是，我想要透明的背景

我试过用这个

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

}

但这表明这不是我的解决方案

我如何设置与我的网站bg相同的推荐bg。 半透明png可以解决这个问题吗？或者其他任何解决方法

提前感谢…

尝试使用rgba作为背景。这为您提供了背景不透明度选项。这是一个小计算器，我一直用它来计算rgba的十六进制数

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

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

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

尝试使用rgba作为背景。这为您提供了背景不透明度选项。这是一个小计算器，我一直用它来计算rgba的十六进制数

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

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

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

试试这个

.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;
}

试试这个

.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;
}

---

你在那个元素上设置了背景：透明吗？@Ajay:我不确定这个问题。。。你想让推荐信的背景是透明的，而不是文本，对吗？你在那个元素上设置了背景：透明吗？@Ajay:我不确定这个问题。。。你想要证明的背景是透明的，但不是文本，对吗？但是，默认情况下背景属性是透明的。我想你的主要问题是试图将不透明度设置为0；但是，默认情况下背景属性是透明的，我想您的主要问题是试图将不透明度设置为0；我想在我的问题中，你可以看到我提到了这个css，来自css技巧，它对我不起作用。在我的问题中，你可以看到我提到了这个css，来自css技巧，它对我不起作用