SuperSized的替代品

我正在尋找超大型替代品。我目前使用3.0版來顯示一些旋轉的背景圖像，並發現Internet Explorer中存在兩個問題。SuperSized的替代品

該transicion是不平穩的，是非常緩慢的。在Chrome和Firefox上，這很好。
有些時候，背景圖像會垂直放大和變形。

有沒有人知道一個替代方案，或調整來解決這些問題？

2011-12-09 Leonardo Ramé

使用任何滑塊和漂浮它使用z-index頁面後面的內容。當我只是滑動圖像時，我喜歡Nivo Slider，而當我需要將任意內容的div或ul滑動時，我喜歡bxSlider。

您申請的元素z-index必須爲position: relative;或position: absolute。關於position: absolute;有一點需要注意的是，它將相對於第一個父元素（即position: relative;或position: absolute）定位該元素。這聽起來可能令人困惑，所以怎麼樣一個例子：

把裏面<body>你的滑塊，並在一個div包裝它：

<body> 
    <div class="container"> 
     <!-- Your slider divs/imgs/ul --> 
    </div> 
    <div class="rest-of-page"> 
     ... 
    </div> 
</body>

然後一些CSS：

/* Position .container relative to body (not really needed, just an example) */ 
body { position: relative; } 

/* Float slider behind content of page, expanding to width/height of document 
* and use z-index of -1 to place it behind actual page content. */ 
.container { 
    position: absolute; 
    top: 0%; 
    left: 50%; 
    width: 100%; 
    height: 100%; 
    z-index: -1; 
} 

/* Float the actual page content above slider using z-index of 0 */ 
.rest-of-page { position: relative; z-index: 0; }

而且應該這樣做。通常你必須爲你的滑塊圖像定義一個寬度，但是有一些擺弄我認爲你可以使它工作。在我自己的項目中，我一直將滑塊對準頁面，而不是佔據整個背景，因此您的里程可能會有所不同。

來源

2011-12-09 16:39:19

哇！感謝您長時間的回答。這聽起來很清楚，我會在今天晚些時候嘗試。謝謝。 –

我不知道這是否可以給你所需要的。但你可以看看SuperBGImage。其實它的靈感來自超大號但有一些方便的改進

來源

2012-11-21 08:34:50

SuperSized的替代品

回答

相關問題