日期:2014-05-17  浏览次数:20832 次

css设置背景图片和背景颜色都不显示
html Body中的代码:
<div id="footer">
  <a href="#">医院介绍</a>|
  <a href="#">医院环境</a>|
  <a href="#">美容设备</a>|
  <a href="#">文化活动</a>|
  <a href="#">新闻动态</a>|
  <a href="#">专家介绍</a>|
  <a href="#">整形博客</a>|
  <a href="#">联系我们</a>
  </div><!--id="footer"-->
css代码:
<!--footer-->
#footer{background-color:#17AEC9; height:3000px; text-align:center; width:980px; overflow:hidden;}
#footer a{color:#FFDDDF; margin:auto 10px;}

文件中总共只有这些内容,没有别的设置,背景颜色不显示。

另外,在别的文件中设置了background:url(images/head_02.jpg) no-repeat;height:400px; width:980px;背景图片无显示,div的长宽和图片的大小相同。因为在同一文件中其他的背景图片的设置可以显示,所以文件的路径应该是没错的。

期待各位高手的回答!

------解决方案--------------------
试试看把注释去掉
------解决方案--------------------
css注释是
/* css 注释语法 */
------解决方案--------------------
按以下步骤解决:
1.查看图片,把图像的像素缩小到380px,960px;刷新测试。
2.有图片的时候背景颜色不会显示。把颜色去掉。
3.如果你CSS在所在的文件夹与图片所在的文件夹是同级;把图像路径改为background:url(../images/head_02.jpg),刷新测试。
4.检查是否有其他CSS的干扰影响。
再不能发现问题,重新来建一个页面插入背景图片看看。