我写的header-logo，背景图显示不出来，求助！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css" src="PSD快速转化HTML.jpg">
body,ol,ul,div,a,h,p,h1,h2,h3,h4,h5,li,dl,dd,a,input,form,textarea{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
ol,ul,li{
list-style:none;
}
a{text-decoration:none;
}
img{
border:none;
display:block;
}
.clearfloat{
zoom:1;
}
.clearfloat:after{
display:block;
clear:both;
conton:"";
visibility:hidden;
height:0;
}
.public-header{
height:110px;
}
.public-header.header-logo{
float:left;
width:182px;
height:54px;
background-img:url("../iamges/logo.jpg");
}
.public-container{
position:relative;
margin:0 auto;
width:1100px;
}
.public-footer{
height:318px;
background:#3b3b3b;}
</style>
</head>
<body>
<div class="public-header">
<div class="public-container clearfloat">
<div class="header-logo"><a href=""></a></div>
<div class="header-nav"><a href=""></a>
<ul class="header-nav clearfloat">
<li class="item">Our Story</li>
<li class="item">Menu</li>
<li class="item">Reservation</li>
<li class="item">News</li>
<li class="item">Rivews</li>
</ul>
</div>
</div>
</div>
<div class="index-banner"></div>
<div class="index-list public-container"></div>
<div class="index-panel public-container">
<div class="index-panel-header">ffff</div>
</div>
<div class="index-panel public-container">
<div class="index-panel-header">ffff</div>
</div>
<div class="public-footer"></div>
</body>
</html>
慕雪1032536浏览 2707回答 2
2回答
-
业余奶茶品鉴师
.public-header.header-logo{ 中间要加空格，背景根本没加进去。望采纳 -
沐幕苜
.public-header .header-logo{ float:left; width:182px; height:54px; background-img:url("../iamges/logo.jpg"); }
随时随地看视频慕课网APP
Html/CSS