html - 如何显示大于实际div尺寸的背景图片？

Question

我想显示比实际 div 尺寸大的图像并将其滚动到 div 中。

图像应该在 div 后面，部分图像被隐藏。

要查看所有图像，我应该滚动它。

demojsFFidle

<div id="wrapper">
    <img src="http://i53.tinypic.com/2ymznmx.jpg" width="100" height="100" />
</div>

#wrapper {
  border: 1px solid black;
  width:80px;
  height;80px;
  margin:10px;
  z-index:4;
}
img {
    border: 1px solid red;
   display: inline-block;
}

非常感谢。

Answer 1

将 overflow: scroll; 添加到您的 div。这将允许用户在 div 内部滚动以查看背景。