位置和滑块（见图）

Question

您好Stackoverflow，

我有一些问题。

1）黑色圆圈后面的图像将是全宽响应滑块。我怎样才能将这个图像放在所有元素之后，以一种Internet Explorer不会破坏所有内容的方式？

我知道我可以使用position：绝对的z-index，但由于我总是遇到IE和位置的问题，我不知道（真的），一个更好的解决方案。

2）黑色圆圈的背景图像也来自滑块。每个BG都与图像直接相关。示例：此彩色图像将链接到此黑色圆圈bg。下一个滑块将是另一个带有另一个bg的图像。

我该怎么做？ ：/

Answer 1

试试这个：

正如您所说，将位置和 z-index 设置为黑色图像，并将其附加到html页面的 body 。然后像之前一样更改滑块图像。

我希望它能奏效。

Answer 2

将背景图像作为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;
    }

Answer 3

- 看看Background image swap full

  

- 其他选项是，制作大尺寸图像并将其放在背景上。

     

- 这是用css。请检查此链接perfect full page background image

Answer 4

由于黑色圆圈没有变化，我所做的是：将黑色圆圈和背景图像放在同一个图像中。我只需要“控制”文本的位置。这是一个愚蠢的解决方案，但它解决了。