如何在css中进行图像裁剪
用户
我试图在CSS上制作剪贴蒙版，但我想我走错了路。这是我要转换为html的图像。
现在我已经尝试过了，看起来就像是一团糟： 
CSS：
.img_nav_individual {
float: left;
border: 3px solid #fff;
margin-left: 8px;
outline: 1px solid #c1cacf;
max-width: 96px;
}
.img_nav_individual img { clip: rect(10px, 290px, 190px, 10px); }
HTML：
<div class="img_nav_individual"> <img src="img/parents1.png" />
<div class="image_nav_text"> <span>parents</span> </div>
</div>
建议非常感谢。谢谢！
Gyula Sz。
您应该overflow:hidden;在img_nav_individual上使用属性。这将对您的示例有所帮助：http : //jsfiddle.net/6wPvW/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在css中进行图像裁剪
- 2
WordPress：如何在媒体编辑器中进行裁剪
- 3
如何在Android中进行图像处理？
- 4
如何使用CSS裁剪图像
- 5
如何在python中进行图像处理中的OR遮罩操作？
- 6
如何在python中进行图像处理中的OR遮罩操作？
- 7
如何在css中进行输入并选择相同的宽度
- 8
如何在CSS工作中进行过渡
- 9
如何在CSS中进行宽度绑定
- 10
如何在CSS / JavaScript中进行模式突出显示
- 11
如何在 WordPress 的 base.css 中进行更改
- 12
如何在Titanium中以圆形裁剪图像？
- 13
如何在Android中裁剪图像？
- 14
如何在Pygame中“裁剪”旋转图像
- 15
如何在png图像中裁剪空白？
- 16
如何在中心裁剪图像
- 17
如何在画布中对角裁剪图像
- 18
在CSS中裁剪图像
- 19
CSS图像裁剪大小
- 20
图像裁剪与CSS问题
- 21
从右边的css裁剪图像
- 22
HTML / CSS裁剪图像
- 23
使用CSS裁剪图像
- 24
如何在Windows Phone应用程序开发中进行图像幻灯片显示
- 25
如何在keras中进行自定义回调以在VAE培训中生成示例图像？
- 26
如何使用Javascript图像裁剪器“ Croppie”进行保存
- 27
如何使用tensorflow对图像进行分类和裁剪？
- 28
如何从相机裁剪图像
- 29
如何裁剪图像并保存？
我来说两句