一个图片位置问题
我想在一个小方框里显示一幅图像的左边的中间部分,像这样
<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>
左边的中间部分