为什么相同的代码一个显示图片一个不显示?

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>豆瓣网</title>
    <link rel="stylesheet" href="css/douban.css">
</head>
<body>
<div id="hd-header">
    <a href="#" class="header-logo"></a>
</div>
</body>
</html>

css/*头部*/
#hd-header{
    width: 950px;
    height: 90px;
    margin: 0 auto;
    position: relative;
    border: 1px solid red;
}

#hd-header .header-logo{
    display: block;
    width: 154px;
    height: 30px;
    background: url(images/pp3.jpg);
    border: 1px solid blue;
    position: absolute;
    left: 0px;
    top: 29px;
}

文件夹里面有这张图片 就是不显示 ,急死我了,求解答


南山黑猫
浏览 2353回答 6
6回答

qq_冲哥_0

图片的url 不对,你的 样式表在CSS文件夹中,图片在images文件夹中,CSS文件夹和images文件夹是同一级。所以要找到图片就要向样式表的上一级 下面 的image文件夹中寻找。background: url(../images/pp3.jpg); 试一试

霸王龙不只会php3

可以把你的目录截图下,一般情况是 路径有问题。

活着为了梦想

兄弟,你用ps打开那张图片看看能不能打开,可能是切图的时候图片倒出的时候图片出问题了,我碰到过这样的情况。

woshiajuana

你都说文件的名字是logo   你写个pp3.jpg干嘛呀

风火3

<style type="text/css">#hd-header{    width: 950px;    height: 90px;    margin: 0 auto;    position: relative;    border: 1px solid red;}#hd-header .header-logo{    display: block;    width: 154px;    height: 30px;    background: url(images/pp3.jpg);    border: 1px solid blue;    position: absolute;    left: 0px;    top: 29px;}</style>

南山黑猫

z这是文件名字
打开App,查看更多内容
随时随地看视频慕课网APP