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

divoverflow:auto;に追加できます。#wrapperこのように、スクロールバーは必要な場合にのみ表示されます。

overflow:hidden;スクロールバーをまったく表示したくない場合は、追加できます。

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

于 2013-01-07T19:45:59.747 に答える