在div中显示图片的指定区域的图像方法
2017-06-23 15:08
281 查看
用CSS控制，这是比较常用的方法：
CSS代码：
<style>
.i{
background-image: url("/images/icon.png");
background-position:-26px -79px;
}
</style>
DIV代码：
<div class="i" style="width:20px;height:40px;line-height:40px;"></div><caption>SysUser</caption>
效果：
原图：
CSS代码：
<style>
.i{
background-image: url("/images/icon.png");
background-position:-26px -79px;
}
</style>
DIV代码：
<div class="i" style="width:20px;height:40px;line-height:40px;"></div><caption>SysUser</caption>
效果：
原图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Qt绘图，显示图片图像，平移，缩放，旋转和扭曲图片的方法
- ie下div撑不开或背景图片不显示的解决方法
- Android的TextView中显示图片和图像的方法
- div嵌套时背景图片不显示问题解决方法总结
- ASP.NET 用读取二进制代码的方法在页面上显示指定图片。
- 有其它方法在对话框背景图片 指定区域添加鼠标单击响应事件
- 在mappagelayout上显示图片,标记指定地点:方法1
- php随机显示指定文件夹下图片的方法
- window.print打印指定div指定网页指定区域的方法
- js实现固定显示区域内自动缩放图片的方法
- vc/mfc获取rgb图像数据后动态显示及保存图片的方法
- vc/mfc获取rgb图像数据后动态显示及保存图片的方法
- Android的TextView中显示图片和图像的方法
- php随机显示指定文件夹下图片的方法
- phpcms上传图片时，点击【上传到服务器上】按钮，显示：缺少图像源地址的解决方法
- vc/mfc获取rgb图像数据后动态显示及保存图片的方法
- 指定区域显示图片
- 这是用于给指定图片加底部水印（不占用图片显示区域）的自定义类
- 【转】 Qt绘图，显示图片图像，平移，缩放，旋转和扭曲图片的方法 声明：本
- 读取图片，并通过鼠标交互，在图片上选择一块矩形区域，然后把这个矩形区域的子图像显示出来