css - Chrome 中不显示背景图片

Question

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

例如，我禁用了扩展并删除了属性“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 文件的规则中。

成功了，试试吧! :)