需要对我的幻灯片代码进行一些修改

Question

如何在图像上插入上一张和下一张图像？我无法将其添加到图像上。我的css是这样的：

#prev a {
    background:url('../images/left.png');
    width:30px;
    height:102px;
    position:absolute;
    float: left; 
    margin: 0 0 0 40px;
}

#next a {
    background:url('../images/right.png');
    width:30px;
    height:102px;
    float: left; 
    margin: 0 0 0 70px;
}

#next a:hover {
    background:url('../images/right_over.png');
}

#prev a:hover {
    background:url('../images/left_over.png');
}

Answer 1

如果没有示例代码，很难说出问题是什么，但是#next和#previous可能只是在滑块图像下重叠。尝试为它们添加一些非常大的z-index。像这样：

#prev a {
    background:url('../images/left.png');
    width:30px;
    height:102px;
    position:absolute;
    float: left; 
    margin: 0 0 0 40px;

    z-index: 99999999;
}

#next a {
    background:url('../images/right.png');
    width:30px;
    height:102px;
    float: left; 
    margin: 0 0 0 70px;

    z-index: 99999999;
}