html - 图像仅显示在 div 内部

标签 html css

我有一个包含图像的 div。但是,如果图像大于 div,它将填充到 div 之外。我想要的基本上是一个面具。

所以图像应该在 div 的范围内可见。背景图像不是一个选项。怎么解决?

<div style="height:400px; width:400px; background-color:red">
    <img src="xxx.jpeg"/>
</div>

http://jsfiddle.net/pJC5e/

最佳答案

我猜是使用 overflow: hidden 吗?

<div style="height:400px; width:400px; background-color:red; overflow: hidden">
    <img src="xxx.jpeg"/>
</div>

FIDDLE

关于html - 图像仅显示在 div 内部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16846861/

相关文章:

jquery - 如何让元素在父悬停时显示?

html - CSS <HR> 带装饰

html - 按钮显示第二个边框(css)

html - Bootstrap 的 CSS 相对定位和垂直对齐

html - 两个元素没有彼此相邻对齐

html - 与行内 block 错位(其他元素被压低)

css - 在包含的 div 中顶部对齐动态高度的 2 个 div

javascript - 是否可以使用 javascript 和/或 css 修改背景 svg 图像?

android - 为什么它以桌面为中心而不是以设备为中心?

HTML 输入元素未占用 100% 宽度