Question

在我的服务器日志中，我收到很多错误，例如：

File does not exist: /my/path/-moz-linear-gradient(top,white,

这显然是由于以下的Bootstrap CSS，一些浏览器必须将-moz-linear-gradient解释为要下载的背景图像：

.btn{
/* some code... */
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
background-image: -webkit-linear-gradient(top,white,#E6E6E6);
background-image: -o-linear-gradient(top,white,#E6E6E6);
background-image: linear-gradient(to bottom,white,#E6E6E6);
background-image: -moz-linear-gradient(top,white,#E6E6E6);
background-repeat: repeat-x;
/* more code...*/
}

如何防止此类错误发生？谢谢！

Answer 1

您应该使用background:代替background-image:，因为使用background-image您需要设置图片的路径并且您没有使用图片..但是渐变作为背景。< / p>

这是一个工具，您可以使用http://www.colorzilla.com/gradient-editor/制作渐变并根据需要复制代码，所有这些都可以让它变得更简单，更无故障。

在所有评论后更新：
您可以使用渐变的后备图像。像这里：

/* fallback image */
background-image: url(images/fallback-gradient.png);

这应该可以解决您的问题。

CSS规则在某些浏览器上生成404错误

1 个答案: