2017-08-03 29 views
-4

我已經在bootstrap中創建了一個contact-us表單,輸入框爲透明視圖。它在Firebox瀏覽器中運行良好,不會在Chrome瀏覽器中顯示其透明屬性。我不知道如何解決這個問題。如果有人知道請幫我解決它。透明顏色在Chrome內不起作用

看到這個

火狐瀏覽:

enter image description here

的Chrome瀏覽:

enter image description here

+0

能否請您添加的那段代碼你已經試過了? – EFrank

+0

您正在使用Chrome上當前不支持的8位十六進制顏色 – Ivan

回答

1

您正在使用的不支持的顏色代碼在Chrome中這就是爲什麼它不能正確顯示在你的瀏覽器上。

enter image description here

而不是使用background-color: #ffffff1a.form-control你應該使用RGBA來代替。在你的情況下使用rgba(255,255,255,0.101)

,因爲他們目前視爲無效使用Chrome的CSS解析器

8位十六進制值將被忽略。

您可以隨時轉換8十六進制顏色爲RGBA顏色與this CodePen tool,歸功於Terry

欲瞭解更多有關8位十六進制值讀取this very interesting thread

+0

感謝ivan ..它的作品.. –

+0

總是樂於幫助! – Ivan