该 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));
}
背景图片是半透明的,退化的颜色在背景图片的下方。
在这张图片中可以看出问题所在:
最佳答案
这是因为你只使用了-moz-linear-gradient
。你还需要使用 -webkit-linear-gradient
关于html - 这个 css 如何与 Google Chrome 兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21159316/