开启辅助访问
帐号登录 |立即注册

css怎么做才能只显示图片的一部分

 
// 绝对定位与相对定位是冲突的,只能生效一个。。

background-position:-82px -137px; // 绝对定位
background-position:top right; // 相对定位

在html 的img属性里只显示图片的一部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸

在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸

方法1:
<div style= "position:absolute;left:0px; top:0px;width:600px; height:400px; clip:rect(10px 30px 30px 10px) "> <img src= "1.jpg "> </div>
rect ( number number number number ) :  依据上-右-下-左的顺序提供自图片左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切,你需要rect ( startY endX endY startX )


方法2:
也可以这样写:
<img src= "1.jpg " width= "600 " height= "300 " style= "position:absolute;left:0px; top:0px;clip:rect(100px 300px 300px 100px) ">
存在的弊病:采用绝对定位,使定位困难

.fleft_tp{background:url(/resource/moneychat/style/images/quamnet/bg_head_home2.jpg)  no-repeat  fixed  360px  0px;overflow:visible;width:710px;height:90px;}



回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。