只是让图片显示一部分

来源:互联网 发布:apache开启https 编辑:程序博客网 时间:2024/05/21 17:14




用CSS来控制的话采用


background:url(img/pic.png) no-repeat 0 10;

第一个值是水平位置,第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。


如果是控制img标签显示的话用

在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 0
原创粉丝点击