透明色在Chrome内部不起作用

时间：2017-08-03 10:17:49

标签： javascript html css twitter-bootstrap google-chrome

我在bootstrap中创建了一个contact-us表单，其中包含输入框的透明视图。它在firebox浏览器中运行良好，并没有在chrome浏览器中显示其透明属性。我知道如何解决这个问题。如果有人知道请帮我解决。

看到这个

Firefox浏览器

enter image description here

Chrome浏览器

enter image description here

1 个答案:

答案 0 :(得分：2)

您使用的是Chrome不支持的颜色代码，这就是为什么它无法在您的浏览器上正确显示的原因。

enter image description here

而不是在background-color: #ffffff1a上使用.form-control，而应使用RGBA。在您的情况下，请使用rgba(255,255,255,0.101)

  

忽略8位十六进制值，因为它们目前被Chrome的CSS解析器视为无效。

您始终可以使用this CodePen tool将8-hex颜色转换为RGBA颜色，信用转为Terry

有关8位十六进制值的更多信息，请阅读this very interesting thread

相关问题
最新问题