0

我想显示大于实际 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;
}

非常感谢。

4

3 回答 3

1

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

于 2013-01-07T19:34:44.067 回答
0

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

就像是...

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

可能有帮助...

于 2013-01-07T19:36:22.890 回答
0

您可以添加overflow:auto;到#wrapperdiv。这样，滚动条将仅在需要时显示。

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

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

于 2013-01-07T19:45:59.747 回答