Question

我使用notepad ++和html5以及css3。问题是css没有加载图像，尽管在编辑器中它没有。我需要帮助。这是我的一个名为内容的图像的文本，是的，内容标记是有目的的，因为它是id：

#content{
  width:900px; 
  height:600px; 
  background:url(images/content.png); 
  border-radius:20px; 
}

因此，该文件夹位于桌面上，它的名称为图像，图像为png命名内容。它在编辑器上工作，但它没有出现在网站上。在网站上它只显示灰色背景。我在编辑查看器中使用了它的截图，并在实际网站上进行了截屏。

http://postimg.org/image/mdeso350h/ - 在编辑查看器上看起来很好 http://postimg.org/image/gb75xlgkh/ - 不在网站上工作

Answer 1

首先，您需要检查css和图像的文件路径。我认为这是你的文件结构

$html = '<b>My-ready-HTML</b> with {{foo}} and {{bar}} thingys.'; // Or: $html = file_get_contents('my_template.html'); $footsy = 'whatever'; $barsie = 'some more'; $tags = [ 'foo' => $footsy, 'bar' => $barsie ]; function do_tags($tags, $html) { foreach ($tags as $key=>$val) { $html = str_replace('{{'.$key.'}}', $val, $html); } return $html; } $output = do_tags($tags, $html); echo $output;

所以，试试--folder ----index.html ----name.css ----content.png这会对您有所帮助

加入你的文件结构，如

background:url(content.png);

在这种情况下，您的风格正常--folder ----index.html ----name.css ----images/content.png

Answer 2

有时候，设计工具倾向于保存大写的文件扩展名（例如.PNG），并不是每个服务器都知道这一点，所以你应该这样做。检查图像的文件夹位置。

Answer 3

始终使用引号链接图片，如;

background-image: url("images/content.png");

在服务器的根文件夹中（在x10host.com中），使用文件管理器创建一个名为images的文件夹，您已将文件上传到index.html，然后您可以看到{{ 1}}文件和index.html文件夹在一个地方。然后将图像上传到images文件夹。希望这会有所帮助。

Css文本不会在网站上加载背景网址图片？

3 个答案: