1

我想要一个径向渐变背景。由于我无法使用指南针获得所需的外观,因此我决定使用 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 在该图像上失败得如此惨?

4

0 回答 0