博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸...
阅读量:6344 次
发布时间:2019-06-22

本文共 646 字,大约阅读时间需要 2 分钟。

在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;}

转载地址:http://rocla.baihongyu.com/

你可能感兴趣的文章
vs2015 去除 git 源代码 绑定
查看>>
解决firefox的button按钮文字不能垂直居中
查看>>
网络协议端口号详解
查看>>
大话数据结构读后感——第一章
查看>>
各种排序
查看>>
ts 格式化日期输出
查看>>
Optional
查看>>
sed 命令编辑文本
查看>>
LRUCache 具体解释
查看>>
Activity调用isDestroyed()方法报出,java.lang.NoSuchMethodError
查看>>
使用AFNetworking第三方下载类
查看>>
fhq-treap小结
查看>>
about porting
查看>>
MySQL事务及ACID特性
查看>>
Hadoop_31_MapReduce参数优化
查看>>
linux运维常见英文报错中文翻译(菜鸟必知)
查看>>
[原][osgEarth]添加自由飞行漫游器
查看>>
代码审查 Code Review
查看>>
fastjson如何指定字段不序列化
查看>>
[日常] Go语言圣经--示例: 并发的Echo服务
查看>>