让我的背景图片在 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;
}
最佳答案
将以下行添加到您的 .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 文件的规则中。
成功了，试试吧! :)
关于css - Chrome 中不显示背景图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40451194/