位置:固定图像重叠div

时间:2012-12-04 09:56:38

标签: html css z-index

好吧,我正在尝试将位置固定的图像隐藏在特定的DIV背后。据我了解,这应该可以使用z-index。但是,我已经尝试了一切,但无法使其正常工作。

网址:http://www.aadesigns.net/who-we-are/testimonials/

我遇到问题的形象是幸福的女人在庆祝。一切都很好,直到它到达页面底部,你会看到她重叠DIV。

我一直在使用大约1.5小时的萤火虫,试图通过操纵z-index来弄清楚如何做到这一点......

这里非常感谢任何帮助。

编辑*更具体地说,我需要在页脚和footer_bottom DIV之后消失图像

3 个答案:

答案 0 :(得分:1)

z-index:100添加到img内联样式。最好将此内联样式转换为类,如下所示

.testimonials img{
    position:fixed;
    left:50%;
     margin-left:-600px;
    bottom:0; 
    z-index:100
}

答案 1 :(得分:1)

z-index: 100;

上申请img
<img src="http://www.aadesigns.net/wp-content/uploads/2012/09/happycustomer1.png" alt="" title="happycustomer" style="position:fixed;left:50%;margin-left:-600px;bottom:0;z-index: 100;">

答案 2 :(得分:0)

定义#footer z-index:-1; 添加此CSS

#footer{
z-index:-1;
}

-------

或第二个选项

.testimonials img{
z-index:1;
}