【问题标题】:What is the color code for transparency in CSS?CSS中透明度的颜色代码是什么?
【发布时间】:2011-12-12 16:52:21
【问题描述】:

谁能告诉我 CSS 中透明度的颜色代码是什么,例如 white = "#FFFFFF"?当我使用以下代码时,将颜色代码转换为 int:

Color color = ColorTranslator.FromHtml(hex);
return (int)((color.R << 16) | (color.G << 8) | (color.B << 0));

【问题讨论】:

标签: html css background-color


【解决方案1】:

现在 CSS4 中有 8 位十六进制代码 (CSS Color Module Level 4),最后两位(或缩写的情况下,4 位中的最后一位)表示 alpha,00 表示完全透明,@987654324 @ 表示完全不透明,7f 表示不透明度为 0.5 等。

格式为'#rrggbbaa' 或简写'#rgba'

缺少对 MS 浏览器的支持,它们可能比其他开发者更不合作或只是速度较慢,两者中的一个或两个实际上决定了 IE 的命运:https://caniuse.com/#feat=css-rrggbbaa

【讨论】:

    【解决方案2】:

    简单地说:

    .democlass {
        background-color: rgba(246,245,245,0);
    }
    

    这应该会给你一个透明的背景。

    【讨论】:

      【解决方案3】:

      或者你可以放

      background-color: rgba(0,0,0,0.0);
      

      这应该可以解决您的问题。

      【讨论】:

      • 实际上回答问题的唯一答案。谢谢!
      【解决方案4】:

      在 CSS 中写:

      .exampleclass {
          background:#000000;
          opacity: 10; /* you can always adjust this */
      }
      

      【讨论】:

        【解决方案5】:

        只需在颜色代码前添加两个零 (00),即可获得该颜色的透明效果

        【讨论】:

          【解决方案6】:

          尝试使用

          background-color: none;
          

          这对我有用。

          【讨论】:

            【解决方案7】:

            只需选择项目的背景颜色并单独指定不透明度:

            div { background-color:#000; opacity:0.8; }
            

            【讨论】:

              【解决方案8】:

              如何用css制作透明元素:

              IE 的 CSS:

              filter: alpha(opacity = 52);
              

              其他浏览器的 CSS:

              opacity:0.52;
              

              【讨论】:

              • 还有transparent这个关键词。 p { 背景颜色:透明; }
              【解决方案9】:

              没有用于透明度的十六进制代码。对于 CSS,您可以使用 transparentrgba(0, 0, 0, 0)

              【讨论】:

                【解决方案10】:

                颜色十六进制字符串没有透明度分量。有opacity,是一个从0.0到1.0的浮点数。

                【讨论】:

                  猜你喜欢
                  • 2010-12-20
                  • 2013-08-13
                  • 2013-02-05
                  • 2013-01-02
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  相关资源
                  最近更新 更多