Question

div 为什么不显示背景图片 帮我看看样式和代码有没有错误？

<div class="zong"><?php templ_header_start(); // Header Start hooks?>
<div class="header clear">
<div class="header_in">
<div class="logo">
<?php templ_site_logo(); ?>
</div>
<div class="header_right">
<?php if (function_exists('dynamic_sidebar')){ dynamic_sidebar('header_logo_right_side'); }?>

<?php /*?><div class="for_reservation">
<h3> For Reservations</h3>
<p class="i_booking"><a href="#">Book Online</a></p>
<p class="i_phone">0844 575 8888 </p>
</div><?php */?>

</div>
</div> <!-- header inner #end -->
</div> <!-- header #end -->

<div class="main_nav">
<?php templ_get_main_header_navigation(); ?>
</div>
</div>
----------------------------------------------------------------------------
.zong { background-image: url(images/head_bg.jpg);
background-repeat: repeat-x;}
.logo { padding: 25px 0; overflow: hidden; float: left;}
.site-title h1 { margin:0; padding:0 ; font-weight:normal; }
.site-title a { font-size:40px; text-decoration:none; }
.site-title a:hover { text-decoration:none; }
.site-description { font-size:14px; }
.site-description { padding:0 0 25px 0; overflow: hidden;}
.site-description .textwidget {font-size: 11px; line-height: 1.3;}
要背景图片显示在最外面的DIV框里面

Answer 1

样式和代码都没有错，请检查一下看你的图片路径有没有错！还有你这三个样式 请贴出来看一下
header main_nav clear 如果你header 样式用了浮动 main_nav也用了浮动的话 如果没有第三层来清除这两个浮动产生的bug的话最外框那个div是不会随里面的东西多而撑开的，也就是说里面的div高度就是等于0自然也不会显示背景图片

追问

 

 

其他CSS贴出来，帮忙看一下，谢谢

Answer 2

建议你用FF或者CHROME浏览器浏览网页，在应该现实背景的地方用鼠标右键显示“元素”，看右侧的样式代码，就知道代码或者样式正不正确了，再有目的修改。

Answer 3

.zong { background-image: url(images/head_bg.jpg);

把这句话改成
.zong { background-image: url(../images/head_bg.jpg);

如果你是用DW可能显示不出来