当前位置: 代码迷 >> HTML/CSS >> css设立背景图片和背景颜色都不显示
  详细解决方案

css设立背景图片和背景颜色都不显示

热度:12   发布时间:2012-06-20 20:37:21.0
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的干扰影响。
再不能发现问题,重新来建一个页面插入背景图片看看。