html - 这个 css 如何与 Google Chrome 兼容?

标签 html css google-chrome firefox

该 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

最佳答案

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

关于html - 这个 css 如何与 Google Chrome 兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21159316/

相关文章:

javascript - 如何自动按特定顺序打开 Javascript 动画(带有 CSS)?

javascript - 为什么写入新的空白窗口时无法保存页面?

python - WebDriver异常: Message: chrome not reachable after long time

Javascript 执行 PHP 不起作用

javascript - 使用 Java 脚本和多维数组

html - IE8高度100%的BUG

html - 是否可以在 Bootstrap 框架内证明文本的合理性?

javascript - http 页面调用的 https iframe 中的 getUserMedia

html - 将类属性分配给 <link> 是否很常见?它的作用是什么?

javascript - 使用表单输入在 $.ajax() 方法中设置 var?