javascript - 位置和滑块（见图）

Question

嗨 Stackoverflow，

我有一些疑问。

1）黑色圆圈后面的图像将是一个全角响应滑块。我怎样才能把这张图片放在所有元素的后面，让 Internet Explorer 不会出错？

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

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

我怎样才能做到这一点？：/

Answer 1

试试这个：

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

我希望它会奏效。

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

-- 看这里背景图片交换已满

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

-- 这是用css。检查此链接完美的整页背景图片

Answer 4

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