是否可以使HTML5颜色输入值透明?

时间:2015-07-29 02:45:15

标签: html5

除了HEX(#ffffff)之外的任何值都会出现控制台错误。但我想知道用户是否想要没有颜色和透明度。

我知道以下语法无论如何都不会起作用。但有没有办法可以实现透明的价值。

{{1}}

2 个答案:

答案 0 :(得分:2)

我认为目前无法使用原生 HTML 颜色输入设置透明值:

<块引用>

注意:将值设置为十六进制表示法中任何不是有效的、完全不透明的 RGB 颜色将导致该值被设置为 #000000。特别是,您不能使用 CSS 的标准化颜色名称或任何 CSS 函数语法来设置值。

当您牢记 HTML 和 CSS 是不同的语言和规范时,这是有道理的。此外,不支持带有 Alpha 通道的颜色;以 9 个字符的十六进制表示法(例如 #009900aa)指定颜色也会导致颜色设置为 #000000。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color#value

一个潜在的解决方案可能是使用像 Pickr.js 这样的库。

答案 1 :(得分:-7)

<div style="background-color:rgba(0, 0, 0, 0.5);">
   <div>
      Text added.
   </div>
</div>

目前,HTML5没有直接的透明背景支持。我会建议CSS

链接到这里:CSS Background Opacity