博客首页
  • 用户名
  • 密码
  • 验证码
  • 网校首页
  • 博客首页
  • 论坛首页
个人资料
_lzt_ 性别:男    所在地:北京市
2010年01月29日 16:38

在只想显示图片部分时,如果直接设置图片的width和height,则图片会缩放或放大,引起显示效果问题。

示例

 <div id=idDiv>
  <img src="pic/http_imgload.jpg" style="float:left;">
 </div>

实现方法:

  1、#idDiv{position:absolute;clip:rect(0px 500px 340px 50px);}//定位必须设置为absolute,数值可设置为auto或具体数字,分别表示距对象左上角坐标距离(左、右:x坐标。上、下:y坐标)

  2、#idDiv{width:440;height:380px;overflow:hidden;}//切除右、下部分
    img{margin-left:-100px;margin-top:-10px;}//切除左、上部分

第一种需要设置定位属性为absolute,第二种没有限制

日志分类:css | 阅读(650) | 收藏(0) | 评论(0) | 打印

 评论读取中...
  • 发评论 (限500字以内)
  • 昵称:
  • 验证码:
  •  



以上网友发言只代表其个人观点,不代表中华会计网校博客的观点或立场。