【问题标题】:How to set transparent background in HTML5 element [duplicate]如何在 HTML5 元素中设置透明背景 [重复]
【发布时间】:2013-06-04 05:54:46
【问题描述】:

我想将元素的不透明度设置为 0。现在如果我这样做,元素的所有内容都将继承此属性。我不想要这个,我只想让背景的不透明度为 0,而内容(例如文本)保持可见

有什么线索吗?

谢谢。

【问题讨论】:

  • 你应该更好地参考你的页面,而不是重复三遍。保持专业并回答问题,不是每个人都了解您的知识,分享或继续!

标签: css opacity


【解决方案1】:

经过一番研究,我找到了一个简单的答案 - background-color: transparent;

【讨论】:

    【解决方案2】:

    你可以设置背景颜色吗?

    background-color: rgba(255,255,255,0.6);
    

    【讨论】:

      【解决方案3】:

      opacity 属性应用于整个对象,您可以在 the specification for it 上阅读。

      应用于整个对象的统一不透明度设置。任何 0.0(完全透明)到 1.0(完全不透明)范围之外的值 将被限制在这个范围内。如果对象是容器元素, 那么效果就好像容器元素的内容是 使用掩码与当前背景混合,其中 掩码的每个像素都是。

      你可以考虑使用rgba()颜色。

      【讨论】:

        猜你喜欢
        • 2020-05-04
        • 2011-12-15
        • 2012-07-13
        • 1970-01-01
        • 2022-06-14
        • 1970-01-01
        • 1970-01-01
        • 2018-04-13
        • 2012-07-27
        相关资源
        最近更新 更多