背景图像不在线显示

-1

堆栈溢出的解决方案都没有为我工作，我只是不知道为什么我的background-image没有显示！

我给它一个background-color，它工作正常。离线您可以看到background-image，但是当我上传我的网站时，它已经消失。当我键入我的图像的路径时，它显示。所以它在那里。

这是网站：

http://stilld.nl/2014/

在深蓝色的区域应该是我的标志。

#fade-it{ 
    background: url('../images/branding.png'); 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    width: 408px; 
    height: 500px; 
    opacity: 1; 
    position: relative; 
    overflow: hidden; 
    z-index: 2000; 
}

我试过一个荒谬的高z-index，仍然没有。我试过opacity: 1。没有。我试过display: block。没有。我检查了一千次路径。我用background:和background-image:。依然没有。

希望你们能帮助我！

来源

2013-11-28 user1737979

所以你说你的品牌形象的位置是回到一个级别（从你的CSS文件）和在那里的图像文件夹。 –

控制台表示无法找到图像，好像您的文件位置不正确; t正确错误：GET http://stilld.nl/2014/images/branding.png 404（Not Found） – Jop

hu？奇怪...我会再检查一次。 @LukeDuddridge是的。 – user1737979

您的活服务器上不存在文件branding.png。检查它的位置，并确保：

该文件是在正确的地方;
CSS正确引用它。

enter image description here

仅供参考，您的CSS目前正在建立的方式，试图从加载此图像：http://stilld.nl/2014/images/branding.png。尝试点击链接，你会看到它返回一个404'找不到'的错误页面。

来源

2013-11-28 12:13:11 johnkavanagh

我发现了这个问题。你找不到branding.png，因为它被命名为Branding.png ...我忘记不使用大写字母。谢谢你的帮助。 – user1737979

没问题，很高兴看到你解决了它！如果您的问题得到解答，请记住标记正确的答案。每个答案都有一个复选标记，只需点击为您解答问题的答案即可。这样，我们可以确保任何人在未来遇到类似问题时能够快速找到答案。 – johnkavanagh

我认为您提供的路径在部署的站点上不匹配。先给图像路径

background: url('./images/branding.png');

，而不是

background: url('../images/branding.png');

可能是这将工作

来源

2013-11-28 12:09:50 Kishori

你应该确保该图像是在正确的文件夹中，相对于URL你”重新使用。

../images/image.jpg表示“上去一个文件夹，找到名为”images“的文件夹并在里面使用名为”image.jpg“的图像。”

./images/image.jpg的意思是‘在当前的文件夹，并使用被称为图像‘“找到一个文件夹，名为’图片image.jpg的’。

/images/image.jpg手段去根文件夹，找到文件夹‘图像’，并使用”图像.JPG”

编辑：发现 您的图片是/ 2014 /图片/现在你要把它找到2014文件夹中的文件夹images你可以做什么设置。路径为： /2014/images/branding.png

来源

2013-11-28 12:10:39 cubrr

我发现了这个问题。你找不到branding.png，因为它被命名为Branding.png ...我忘记不使用大写字母。谢谢你的帮助。 – user1737979

背景图像不在线显示

回答

相关问题