上下返回键按钮颜色不显示？

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Banner轮播</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="main">
<!--图片轮播 -->
<div class="banner">
<a href="">
<div class="banner-slide slide1 slide-active"></div>
</a>
<a href="">
<div class="banner-slide slide2"></div>
</a>
<a href="">
<div class="banner-slide slide3"></div>
</a>
</div>
<!-- 上一张，下一张按钮 -->
<a href="javascript:void(0)" class="button prev"></a>
<a href="javascript:void(0)" class="button next"></a>
</div>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

*{
    margin: 0;
    padding:0;
}
 
li{
    list-style: none;
}
 
body{
    font-family: "微软雅黑";
    color: #14191e;
}
 
.main{
    width: 1200px;
    height: 460px;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}
 
.banner{
    width:1200px;
    height:460px;
    position: relative;
}
 
.banner-slide{
    width: 1200px;
    height: 460px;
    background-repeat: no-repeat;
    position: absolute;
    display: none;
}
 
.slide-active{
    display: block;
}
.slide1{
    background-image: url(../img/bg1.jpg);
 
}
 
.slide2{
    background-image: url(../img/bg2.jpg);
}
 
.slide3{
    background-image: url(../img/bg3.jpg);
}
 
.button{
    position: absolute;
    width: 40px;
    height: 80px;
    left: 244px;
    top:50%;
    margin-top: -40px;
    background:#0f0;
}

OlafChou 2017-08-24

源自：项目：JS实现轮播特效 2-3 轮播图上按钮样式

25

收起

3回答

怎么都被占用了呢 2017-09-05 13:56:43

也有可能是浏览器缓存的原因，没事的时候，多清除清除缓存吧

怎么都被占用了呢 2017-08-25 13:57:30

将谷歌更新一下吧。

提问者 OlafChou #1

Google是最新的，估计是我插件装太多了？

2017-08-28 08:11:46

怎么都被占用了呢 2017-08-24 10:02:32

是左右按钮的背景颜色不显示吗，我测试了你的代码，是可以显示的。

提问者 OlafChou #1

我也不知道，我电脑现在用chrome测试经常这样子，重新把代码一模一样再写一遍就能显示了，是不是我的chrome出问题了？

2017-08-25 07:57:23

相似问题

小项目之外的问题

background放在font-family后面不会显示颜色呢？

请老师提供下有关这个几个输入框的颜色

请问下导航栏按钮之间的切换用jquery咋实现的

无法显示按钮

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号