2013-07-17 43 views
0

Problems and everything else位置和滑塊(見圖片)

#2你好,

我有一些問題。

1)黑色圓圈後面的圖像是一個全寬度響應滑塊。我怎樣才能把這個圖像放在所有的元素後面,這樣Internet Explorer就不會把所有的東西都弄錯了?

我知道我可以使用position:absolute與z-index,但由於我總是遇到IE和位置問題,我不知道(真的),更好的解決方案。

2)黑色圓圈的背景圖像也來自滑塊。每個BG都直接與圖像鏈接。例如:這個彩色圖像將會鏈接到這個黑色圓圈bg。下一個滑塊將是另一個圖像與另一個bg。

我該怎麼做? :/

回答

0

由於黑色圓圈不變,我所做的是:將黑色圓圈和背景圖像放在同一圖像。我只需要「控制」文本的位置。這是一個愚蠢的解決方案,但它解決了。

0

試試這個:

正如你所說,位置的z-index設置爲黑色圖像和相同追加到體的html頁面的。然後像以前一樣更改滑塊圖像。

我希望它能工作。

0

把背景圖像的DIV和下一個DIV 「內容」 將所有的內容 如:

  ----contents ---- 

     </div> 

    CSS 

    #bg-image { 
     background: url('http://t2.gstatic.com/images?q=tbn:ANd9GcSsYV2xklhQlwOFsqPY8OrL69n2F_naug6eShy67xcKm6QRFWmqXw'); 
     background-size: cover; 
     width: 100%; 
     height: 100%; 
     position: fixed; 
     overflow: hidden; 
    } 

    #contents { 
     background: none; 
     width: 100%; 
     height: 100%; 
     position: absolute; 
    } 
0

- 看看這裏Background image swap full

- 其他選項是,製作大尺寸的圖像並將其放在背景上。

- 這是與CSS。檢查此鏈接perfect full page background image

+0

我認爲這很酷,但是,背景圖像不固定,我會使用Nivo Slider。因此,使用背景圖像來做這件事會有點棘手:P – starkbr

+0

@starkbr Ya,當然如果你設法使用nivo。那很好。主要的是你問題得到解決方案。 ,如果你認爲我的回答是正確的,根據你問的問題。讓它成爲答案。 – 2013-07-17 10:21:13