#2你好,
我有一些問題。
1)黑色圓圈後面的圖像是一個全寬度響應滑塊。我怎樣才能把這個圖像放在所有的元素後面,這樣Internet Explorer就不會把所有的東西都弄錯了?
我知道我可以使用position:absolute與z-index,但由於我總是遇到IE和位置問題,我不知道(真的),更好的解決方案。
2)黑色圓圈的背景圖像也來自滑塊。每個BG都直接與圖像鏈接。例如:這個彩色圖像將會鏈接到這個黑色圓圈bg。下一個滑塊將是另一個圖像與另一個bg。
我該怎麼做? :/
#2你好,
我有一些問題。
1)黑色圓圈後面的圖像是一個全寬度響應滑塊。我怎樣才能把這個圖像放在所有的元素後面,這樣Internet Explorer就不會把所有的東西都弄錯了?
我知道我可以使用position:absolute與z-index,但由於我總是遇到IE和位置問題,我不知道(真的),更好的解決方案。
2)黑色圓圈的背景圖像也來自滑塊。每個BG都直接與圖像鏈接。例如:這個彩色圖像將會鏈接到這個黑色圓圈bg。下一個滑塊將是另一個圖像與另一個bg。
我該怎麼做? :/
由於黑色圓圈不變,我所做的是:將黑色圓圈和背景圖像放在同一圖像。我只需要「控制」文本的位置。這是一個愚蠢的解決方案,但它解決了。
試試這個:
正如你所說,位置和的z-index設置爲黑色圖像和相同追加到體的html頁面的。然後像以前一樣更改滑塊圖像。
我希望它能工作。
把背景圖像的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;
}
- 看看這裏Background image swap full
- 其他選項是,製作大尺寸的圖像並將其放在背景上。
- 這是與CSS。檢查此鏈接perfect full page background image
我認爲這很酷,但是,背景圖像不固定,我會使用Nivo Slider。因此,使用背景圖像來做這件事會有點棘手:P – starkbr
@starkbr Ya,當然如果你設法使用nivo。那很好。主要的是你問題得到解決方案。 ,如果你認爲我的回答是正確的,根據你問的問題。讓它成爲答案。 – 2013-07-17 10:21:13