Question

我尝试以我能想到的每种可能的方式显示这样的图像： 1.链接到现在这样的网站 2.将图像设为本地：bird.png 3.我总是仔细检查图像的名称是否正确和扩展名 4. ../ images/bird.png 等等任何帮助表示赞赏

    <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title> Internal Affairs Inc. | When Information Really Matters </title>

    <style>
        #logo
        {
            background-image:url('http://www.birds.com/wp-content/uploads/home/bird4.jpg');   
        }

    </style>

</head>
    <h1>ho</h1>
<body>
    <div id="logo"></div>
</body>
</html>

Answer 1

div没有任何尺寸。 0高度。添加一些302px高度，因为图像高度为302px：

＆＃13;

#logo {
  background-image:url('http://www.birds.com/wp-content/uploads/home/bird4.jpg');
  height: 302px;
}

＆＃13;

<div id="logo"></div>

＆＃13;

Answer 2

你的div没有尺寸，因此是0x0并且bg图像不可见。尝试：

#logo
    {
        background-image:url('http://www.birds.com/wp-content/uploads/home/bird4.jpg');
        width: 592px;
        height: 302px;
    }

Css拒绝显示图像？

2 个答案: