1

画像をトリミングせずに拡大して背景を幅と高さで 100% 埋めるようにしようとしています (画像が歪んでもかまいません)。

fit_always画像がトリミングされないようにCSSで使用しています：

#supersized img { 
    width:100%;
    height:100%;
    position:relative;
    display:none;
    outline:none;
    border:none;
 }

HTML

<script type="text/javascript">  
jQuery(function($){  
  $.supersized({  
    // Functionality
    slide_interval : 5000,
    transition : 1,
    transition_speed : 500,
    horizontal_center : 0,
    fit_always : 1,

    // Components                           
    slides : [ // Slideshow Images
              {image : '/img/main/home.jpg'},
              {image : '/img/main/home-2.jpg'},
              {image : '/img/main/home-3.jpg'},
              {image : '/img/main/home-4-test.jpg'},
              {image : '/img/main/home-4.jpg'}
             ]    
  });
});
</script>

正常に動作しますが、ブラウザ ウィンドウのサイズを変更するwidth:100%とheight:100%、「忘れられて」しまいます

私は何が欠けていますか？

4

4 に答える 4

0

100% の代わりに「自動」を試しましたか?

#supersized img { 
   width:auto;
   height:auto;
   position:relative;
   display:none;
   outline:none;
   border:none;
 }
于 2013-05-28T07:43:43.440 に答える