Chrome 中未显示背景图片

Question

我很难让我的背景图片显示在 Chrome 中。背景图片会在其他浏览器中显示，只是不会 Chrome。我在 Whosebug 和类似网站上看到过其他解决方案，但都没有成功。

例如，我禁用了扩展程序并删除了属性 "absolute" 或将其设置为 "static." 我双重、三次、四次检查文件是否存在，如果我的 CSS 指向文件。是的，否则我认为它也不会在任何其他浏览器中运行。我添加了 display: inline-block，但是什么也没做。

为了咯咯笑，我还删除了宽度、高度和顶部，看看是否解决了任何问题。这样做自然会导致背景图像在其他浏览器中也停止工作。

当我在 Chrome 中启动我的网站时，Chrome 显示应该有一些东西但它没有显示任何东西 - 甚至没有损坏的图像图标。对这个难题的任何帮助将不胜感激。请在下面查看我的代码：

 header a.logo {
    background: url("images/CC_logo.svg") no-repeat center top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 15px;
    }

Answer 1

将以下行添加到您的 .htaccess，这样服务器就可以从您的 css 文件中识别 svg 文件（背景：url（"images/CC_logo.svg") no-repeat center top;), 插入这一行：

RewriteRule !\.(js|ico|gif|jpg|jpeg|svg|bmp|png|css|pdf|swf|mp3|mp4|3gp|flv|avi|rm|mpeg|wmv|xml|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|mov)$ index.php

不需要像上面那么多的规则，但取决于您希望网站上的格式需要什么，但是对于您当前的问题，请确保有“ svg" 在你的 .htaccess 文件的规则中。

有效，试试吧！ :)

Answer 2

确保您的 SVG 已正确导出。我发现导出为 SVG 的 Photoshop 图像存在问题，但导出为 SVG 的 Illustrator 文件从未遇到过问题。

Chrome 中未显示背景图片

Background Image not Displaying in Chrome

css

google-chrome

background-image