我想要一个径向渐变背景。由于我无法使用指南针获得所需的外观,因此我决定使用 SVG 图像。输出:
background: url(/images/background.svg) no-repeat center center fixed
background-size: cover
在 Safari、Firefox、Safari Mobile 和 Chrome Mobile 中看起来很棒,但在 Chrome 中却不是。绑扎!
所以我决定以不同的方式处理 Chrome,在通过 jQuery 加载页面后插入背景图像为 PNG 或 JPG。所以我创建了那个图像:
我在 Safari、Firefox、Safari Mobile 和 Chrome Mobile 中打开了图像,它看起来还不错,但是当我在 Chrome 中打开它时,它看起来非常糟糕。
我在 OSX 上使用最新的 Chrome 25.0。谁能解释一下,为什么 Chrome 在该图像上失败得如此惨?