我已經在bootstrap中創建了一個contact-us表單,輸入框爲透明視圖。它在Firebox瀏覽器中運行良好,不會在Chrome瀏覽器中顯示其透明屬性。我不知道如何解決這個問題。如果有人知道請幫我解決它。透明顏色在Chrome內不起作用
看到這個
火狐瀏覽:
的Chrome瀏覽:
我已經在bootstrap中創建了一個contact-us表單,輸入框爲透明視圖。它在Firebox瀏覽器中運行良好,不會在Chrome瀏覽器中顯示其透明屬性。我不知道如何解決這個問題。如果有人知道請幫我解決它。透明顏色在Chrome內不起作用
看到這個
火狐瀏覽:
的Chrome瀏覽:
您正在使用的不支持的顏色代碼在Chrome中這就是爲什麼它不能正確顯示在你的瀏覽器上。
而不是使用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
感謝ivan ..它的作品.. –
總是樂於幫助! – Ivan
能否請您添加的那段代碼你已經試過了? – EFrank
您正在使用Chrome上當前不支持的8位十六進制顏色 – Ivan