Question

我想显示大于实际div大小的图像，并在div中滚动它。

图像应位于div后面，部分图像隐藏。

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

<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内滚动以查看背景。

Answer 2

要显示div后面的图像...尝试使用z-index属性...并添加滚动到您的CSS ...

类似......

your_css {
z-index:2;
overflow:scroll;
}

可能有帮助...

Answer 3

您可以将overflow:auto;添加到#wrapper div。这样，只有在需要时才会显示滚动条。

如果您根本不想显示滚动条，可以添加overflow:hidden;。

JSFiddle：http://jsfiddle.net/BZeLR/30/

如何显示大于实际div大小的背景图像？

3 个答案: