62,041
社区成员
发帖
与我相关
我的任务
分享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自动适应图片高度？
<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自动适应图片高度？
...全文
请发表友善的回复…
发表回复
Carmen_T 2010-05-12
- 打赏
- 举报
CSS里面height和width设置的时候加上px
height: 400px;
width: 400px;
楼主试试吧~
height: 400px;
width: 400px;
楼主试试吧~
程序漫步 2010-05-12
- 打赏
- 举报
不设置hight 都为0 的。 在加上你设置的背景图片。
mngzilin 2010-05-12
- 打赏
- 举报
[Quote=引用 3 楼 jstzcl007 的回复:]
谢谢，那有什么办法让div自动适应图片高度？
[/Quote]
那你就直接在div中放上<img src="123.jpg"/>
谢谢，那有什么办法让div自动适应图片高度？
[/Quote]
那你就直接在div中放上<img src="123.jpg"/>
lon123 2010-05-12
- 打赏
- 举报
你要使用 <img> 在 <div> 里
jstzcl007 2010-05-12
- 打赏
- 举报
谢谢，那有什么办法让div自动适应图片高度？
lon123 2010-05-12
- 打赏
- 举报
因为你设置的是背景，背景大小和显示是由控件本身决定的
当height width为auto其实就是0
其实也是有显示的，只是背景大小为0，你看不到而已
当height width为auto其实就是0
其实也是有显示的，只是背景大小为0，你看不到而已
Adechen 2010-05-12
- 打赏
- 举报
height,width设置auto，好像相当于0，
css不是了解
css不是了解
wuyq11 2010-05-12
- 打赏
- 举报
background-image: url(../images/top1.gif);
http://topic.csdn.net/u/20080924/17/05fa3444-9cf9-47b9-90bb-35363c62eb92.html
Carmen_T 2010-05-12
- 打赏
- 举报
[Quote=引用 3 楼 jstzcl007 的回复:]
谢谢，那有什么办法让div自动适应图片高度？
[/Quote]
如果你还是想放在CSS里设置图片你就先用PS看下你的背景图片是多少大小的
然后再CSS里设置height和width
谢谢，那有什么办法让div自动适应图片高度？
[/Quote]
如果你还是想放在CSS里设置图片你就先用PS看下你的背景图片是多少大小的
然后再CSS里设置height和width
