这个css如何与谷歌浏览器兼容？

Question

该css与Firefox兼容，但它不适用于谷歌浏览器。在Chrome中是透明的！

.hubsimular{ 
    background: url("../img/hub/controls.png") no-repeat top right, -moz-linear-gradient(rgba(208, 208, 208, 1.0), rgba(255, 255, 255, 0.9) 50%, rgba(208, 208, 208, 1.0));
}

背景图像是半透明的，颜色降低的颜色位于背景图像的下方。

在此图片中可以看到问题：

http://i.stack.imgur.com/oPyCi.jpg

Answer 1

这是因为您只使用-moz-linear-gradient。您还需要使用-webkit-linear-gradient

Answer 2

添加

-webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);

Answer 3

hubsimular{ 
background: url("../img/hub/controls.png") no-repeat top right, -moz-linear-gradient(rgba(208, 208, 208, 1.0),-webkit-linear-gradient(rgba(208, 208, 208, 1.0),linear-gradient(rgba(208, 208, 208, 1.0),rgba(255, 255, 255, 0.9) 50%, rgba(208, 208, 208, 1.0)); }

除了webkit

之外，你应该有一个后退选项和moz选项