该css与Firefox兼容，但与google chrome不兼容。在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
最佳答案
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选项关于html - CSS如何与Google Chrome浏览器兼容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21159316/