0

絶対位置にあり、幅が1280pxの画像スライダーがあります。左マージンは-160pxで、親の中央に配置されます。親の幅は960pxで、中央に配置された効果を実現するためにマージンが「0auto」に設定されています。

オーバーフローによってブラウザがスクローラーで処理しないように、画像スライダーはwidth:960pxのみを使用する必要があります。高画面解像度でオーバーフローコンテンツを表示しながら、overflow:hiddenのようなものを実現することは可能ですか?

問題の例:http ://almightyidea.com/test/slider/

基本的なCSS:

.slide-wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
 }

.slideshow{
    position:absolute !important;
    margin-left:-160px;
}
4

1 に答える 1

0

ラッパーには相対的な幅を使用する必要があると思います。そのため、余裕がある場合は、より広く展開させてください。JavaScript を使用してビューポートの幅を計算し、その幅をラッパーに設定することもできます。

また、既存の jQuery プラグインを使用してすべての面倒な作業を行うこともできます。このようなことをする必要があるときは、Cycle を使用します。http://jquery.malsup.com/cycle/

于 2012-04-09T21:39:20.273 に答える