Question

我想将图片指定为我网站中某个部分的背景。但是，只有在我使用img标签时才会显示图像。这是我的代码：

HTML：

<div class="menu_icon" />

CSS：

.menu_icon  {
      background-image: url(menu_1.png);
      height: 70px;
      width: 120px;
}

检查jsfiddle http://jsfiddle.net/sureshponnukalai/j3t208d3/

非常感谢

Answer 1

HTML：

<div class="menu_icon"></div>

CSS：

.menu_icon  {
      background-image: url(http://www.digitaldesktopwallpaper.com/wallpapers/denis-carl-flickr/005e.jpg);
      height: 70px;
      width: 120px;
      background-size: cover;
}

此正在工作 - http://jsfiddle.net/9rxzcowm/1/

我建议您确保div已正确关闭，并且您的图片文件路径与您拥有的css文件相对应

Answer 2

您需要关闭div

<div>...</div>

这应该有所帮助。

Answer 3

要应用背景图片，请尝试应用以下方法

HTML

<div>...</div>

CSS

div{    
    background-image:url('image_path');
}

但是，这也会导致重复显示。

Answer 4

嗯，你需要添加＆＃34;＆＃34;

这：background-image：url（menu_1.png）; 对于此：background-image：url（＆＃39; menu_1.png＆＃39;）;

图像只能通过img标签显示

4 个答案: