Javascript 需要对我的幻灯片代码进行一些修改吗
如何在图像上插入上一个和下一个图像?我无法将其添加到图像上。我的css是这样的: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');
#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代码和所有正在运行的东西?