div里如何显示图片

网页最上方放置一个图片，代码如下：
<body>
    <form id="form1" runat="server">
    <div id="top1">
        <!--放置图片-->    
    </div>
    <div style="height: 26px">
        <uc1:mainmenu ID="mainmenu1" runat="server" />
    </div>
    </form>
</body>CSS文件如下：
#top1
{
background-image: url('file:///D:/MyProgram/jiamei_asp2008/App_Data/top1.gif');
height: auto;
width: auto;
background-repeat: no-repeat;
}
运行后不显示图片，如果将CSS里的height设置为固定值就显示了，为什么？
有什么办法让div自动适应图片高度？

解决方案 »

  1.   

    height,width设置auto，好像相当于0，
    css不是了解
      

  2.   

    因为你设置的是背景，背景大小和显示是由控件本身决定的
    当height width为auto其实就是0
    其实也是有显示的，只是背景大小为0，你看不到而已
      

  3.   

    谢谢，那有什么办法让div自动适应图片高度？
      

  4.   

    你要使用 <img> 在 <div> 里
      

  5.   

    那你就直接在div中放上<img src="123.jpg"/>
      

  6.   

    不设置hight  都为0 的。 在加上你设置的背景图片。 
      

  7.   

    CSS里面height和width设置的时候加上px
    height: 400px;
    width: 400px;
    楼主试试吧~
      

  8.   


    如果你还是想放在CSS里设置图片你就先用PS看下你的背景图片是多少大小的
    然后再CSS里设置height和width
      

  9.   


    background-image: url(../images/top1.gif); 
    http://topic.csdn.net/u/20080924/17/05fa3444-9cf9-47b9-90bb-35363c62eb92.html