Question

我正在努力让我的背景图片显示在Chrome中。背景图片将显示在其他浏览器中，而不是Chrome。我在StackOverflow和类似网站上看到了其他解决方案，并且尝试过它们但没有成功。

例如，我禁用了扩展程序并删除了属性＆＃34;绝对＆＃34;或者将它设置为＆＃34;静态。＆＃34;我检查文件是否存在，以及我的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文件（background：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中显示

2 个答案: