
div+css:背景图片无法显示
当把CSS代码放到html文件内部时,效果可以全部正常显示,当把CSS代码放到CSS文件中时,其他效果可以显示,只有背景图片无法显示,为什么?index.html:<!D...
当把CSS代码放到html文件内部时,效果可以全部正常显示,当把CSS代码放到CSS文件中时,其他效果可以显示,只有背景图片无法显示,为什么?
index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>
index.css:
.aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
} 展开
index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>
index.css:
.aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
} 展开
4个回答
展开全部
<div id="aaa">
这个改成<div class="aaa">应该就可以了
"."应该用这个class
这个改成<div class="aaa">应该就可以了
"."应该用这个class
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
修改后
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>
index.css:
#aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>
index.css:
#aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
帅锅!你把CSS文件的相对路径改变了,里面的图片链接地址也要相应改变哦!
你最好在做网页之前就把各个目录模板建好,不要乱换文件地址。
你那个id和类选择器,别乱套了!
你最好在做网页之前就把各个目录模板建好,不要乱换文件地址。
你那个id和类选择器,别乱套了!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你把.aaa写成#aaa就行了,因为#是id的,而"."是class的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询