首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

一个图片位置有关问题

2012-02-15 
一个图片位置问题我想在一个小方框里显示一幅图像的左边的中间部分,像这样divstyle overflow:hiddenhe

一个图片位置问题
我想在一个小方框里显示一幅图像的左边的中间部分,像这样
<div   style= "overflow:hidden;   height:500px;   width:300px; ">
<img   src= "***.jpg "   style= "position:absolute;top:-200px; "/>
</div>
关键问题是,那个height:500px;   width:300px的小方框被图片撑大,无视overflow:hidden;的限制。假如没有position:absolute;这句话,小方框
显示正常,但是只显示图片的左上角,top:-200px没有起到作用。各位高手
有没有什么办法?
不能用 <div   style "background:url()   top: "> </div> 这种形式

[解决办法]
<div style= "overflow:hidden; height:500px; width:300px;position:relative ">
<img src= "***.jpg " style= "position:absolute;top:-200px; "/>
</div>
位置按图片调整吧,应该可以~
[解决办法]
<div style= "overflow:hidden; height:500px; width:300px; background:url(bj003_chinami133.jpg) center left; " > </div>

左边的中间部分

热点排行