请教怎么给这个图片定位
请问如何给这个图片定位
<body>
<div class=a>
123456
..
..
</div>
<div class=b>
<img src="1.jpg" />
<</div>
</body>
第一个div中间为文本,或许3行,或许1000行,是个变量,我想要不管中间的文本有多少行,第二个div的图片始终在
网页的最下端。我用了绝对定位,当中间文本超过200行,网页出现滚动条时,图片不在最下端;用相对定位,可是当中间文本行数少时。图片却在网页的中间,,请教高手如何实现
------解决方案--------------------
<body>
<div class=a>
123456
..
..
</div>
<div class=b>
<img src="1.jpg" />
<</div>
</body>
第一个div中间为文本,或许3行,或许1000行,是个变量,我想要不管中间的文本有多少行,第二个div的图片始终在
网页的最下端。我用了绝对定位,当中间文本超过200行,网页出现滚动条时,图片不在最下端;用相对定位,可是当中间文本行数少时。图片却在网页的中间,,请教高手如何实现
------解决方案--------------------
- CSS code
<style type="text/css"> .b { position:fixed; position:absolute; left:50%; } </style>
------解决方案--------------------
.b{
position:absolute;
bottom:0;
z-index:1000;
}
------解决方案--------------------
.b {
z-index:auto;
position:fixed;
bottom: 1px;
margin:auto;
}
即可
------解决方案--------------------
.b
{
position:fixed;
bottom:0px;
}
用position的fixed值(绝对定位,相对于浏览器窗口)
------解决方案--------------------
如果页面比较简单,你可以直接写在 body 之中:
body{background:#fff url(1.jpg) no-repeat center bottom;}
楼上用到了 position:fixed , 但是 ie6 的支持不好, 需要你使用额外代码