css中背景图如何显示不对呢
日期：2014-05-16 浏览次数：20780 次
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/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>
代码错误较多，看不出来你说的问题，先就上面几个简单的错误，改下，再试试！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
