老师，按钮怎么显示不出来？？？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="lbt.css" />
<script type="text/javascript" src="lbt.js">
</script>
</head>
<body>
<div id="main">
<!--图片轮播-->
<div class="banner">
<a href="#">
<div class="b_slide slide1 s_active"></div>
</a>
<a href="#">
<div class="b_slide slide2"></div>
</a>
<a href="#">
<div class="b_slide slide3"></div>
</a>
</div>
<a href="#" class="button prev"></a>
<a href="#" class="button next"></a>
</div>
</body>
</html>
css代码
*{
margin: 0;
padding: 0;
}
#main{
width: 1200px;
height: 460px;
overflow: hidden;
position: relative;
}
.banner{
width: 1200px;
height: 460px;
position: relative;
}
.b_slide{
width: 1200px;
height: 460px;
background-repeat: no-repeat;
position: absolute;
display: none;
}
.slide1{
background-image: url(img/bg1.jpg);
}
.slide2{
background-image: url(img/bg2.jpg);
}
.slide3{
background-image: url(img/bg3.jpg);
}
.s_active{
display: block;
}
.button{
position: absolute;
width: 40px;
height: 80px;
left:500px;
/*background-image: url(img/arrow.png);*/
background: #8A2BE2;
}
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星