0

コンテナーをイメージのサイズと同じにする方法を教えてください。ウィンドウに画像スケールがあり、画像スライダーであるため、コンテナー内に配置します。

CSS

#full_image { 
 overflow:hidden;
 position:absolute;
 display: inline-block;
 margin: 5% 5% 5% 5%;
 opacity: 0;
}

#full_image  ul {
 display: -moz-inline-stack;
}

#full_image ul li img{
 width:100%;
 max-width:100%;  
 overflow: hidden;    
 display: inline-block;  
 }

HTML

<div id="full_image"> 
    <ul>
       <li>
           <img src="'+img+'"/>
       </li>
    </ul> 
</div>
4

1 に答える 1

0

これは動作中のjsfiddleです。境界線を表示するために CSS を追加しました。

  1. および画像スケールの幅を変更できることに注意してください#full_image(例として、そこにあるスペースを埋めるために幅を指定する必要はありません)。
  2. スケーリングできるようにするために必要なのは max-width だけです。
  3. 0 にあることに気付きopacityました。画像が見えるように削除しました。
于 2013-09-04T20:33:55.810 に答える