2

私はコンテナを持っていて、その中にイメージがあります。Jscrollpaneがコンテナに適用されたため、オーバーフローが非表示になりました。ネガティブマージンのある画像の位置をコンテナの外側に変更したいと思います。しかし、overflow：hiddenがアクティブであるため、私はできません。これをoverflow-xに変更しましたが、機能していません。

オンラインで表示：http：//jsfiddle.net/e6444/1/

 #container {
    width:500px;
    height:300px;
    background:grey;
    overflow-y:hidden;
    margin:0 auto;
}

#image {
    width:150px;
    height:150px;
    background:url("http://www.audiapproved.com/ImgThumb?id=16033-500-335");
    margin:0 0 0 -30px;
}

<div id="container">
    <div id="image">
        Text, text, text Text, text, text Text, text, text Text, text, text
    </div>
</div>

http://jsfiddle.net/e6444/2/ですが、オーバーフロープロパティがあります。（jscrollpaneプラグインに必要です）

4

1 に答える 1

1

overflow:hidden コンテンツ用に別のコンテナーを追加できます。

<div id="container">
    <div id="content">
        This is my content that can be overflow:hidden
    </div>
    <div id="image">
        Text, text, text Text, text, text Text, text, text Text, text, text
    </div>
</div>

http://jsfiddle.net/wLrCU/1/

于 2013-02-24T19:55:29.513 に答える