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

Javascript 需要对我的幻灯片代码进行一些修改吗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何在图像上插入上一个和下一个图像?我无法将其添加到图像上。我的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');

如何在图像上插入上一个和下一个图像?我无法将其添加到图像上。我的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');
}

如果没有示例代码,很难说问题出在哪里,但可能“下一个”和“上一个”正好重叠在滑块图像下。尝试向它们添加一些非常大的z索引。大概是这样的:

#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;
}

你能不能创建一个fiddle帐户,这样我们就可以看到html代码和所有正在运行的东西?