css中背景图怎么显示不对呢
设计稿中的背景图如下如下:
代码如下
<!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=gb2312" />
<title>旅行周刊1201</title>
<style type="text/css">
body{margin:0;padding:0;background:url(images/bg.jpg);no-repeat;}
h1,h2,p,ul,li,img{margin:0;padding:0;border:0;list-style:none;}
.wrap{width:990px; margin:0 auto;}
.wid990{width:990px; margin:0 auto;}
.wid990 img{width:990px; height:280px;}
</style>
<body>
<div class="wrap">
</div>
</div>
</body>
</html>
也就这么一点点,为嘛效果就是不对呢,右边的那一块都没显示,求教啊..哎
[解决办法]
<!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=gb2312" />
<title>旅行周刊1201</title>
<style type="text/css">
body{margin:0;padding:0;background:url(images/woman-purple_body_bg1.jpg) no-repeat;}
//background还么有写完，就加了分号；我这个地方改了，你看你的代码。
h1,h2,p,ul,li,img{margin:0;padding:0;border:0;list-style:none;}
.wrap{width:990px; margin:0 auto;}
.wid990{width:990px; margin:0 auto;}
//这个class都没有用到？那下面的img又有什么用，还是代码没有贴全？
.wid990 img{width:990px; height:280px;}
</style>
<body>
<div class="wrap">
</div>
</div>
//多了一个div的闭合，这是啥情况？
</body>
</html>
