什么都没有显示出来，什么问题呢

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>轮播图</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="main">
  <div class="menu">
   <div class="menu-content">首页</div>
   <div class="menu-content">点击看看</div>
   <div class="menu-content">会自动的</div>
   <div class="menu-content">我的网站</div>

  </div>
  <div class="banner">
   <a href="">
   <div class="banner-slide slide1"></div>
  </a>
      <a href="">
   <div class="banner-slide slide2"></div>
  </a>
      <a href="">
   <div class="banner-slide slide3"></div>
  </a>
      <a href="">
   <div class="banner-slide slide4"></div>
  </a>
  </div>
</div>
</body>
</html>

*{
padding:0;
margin:0;
}
body{
font-family:"Microsoft Yahei";
}
a:link,a:visited{
text-decoration:none
}
.main{
width:1200px;
height:640px;
margin:30px auto;
overflow:hidden;
}
.menu{
width:1200px;
height:40px;
}
.menu-content{
width:300px;
height:40px;
}
.banner{
width:1200px;
height:600px;
overflow: hidden;

}
.banner-slide{
width: 1200px;
height:600px;
background-repeat: no-repeat;
display: none;
}
.slide1{
background-image:url(../img/1.jpg);
}
.slide2{
background-image:url(../img/3.jpg);
}
.slide3{
background-image:url(../img/4.jpg);
}
.slide4{
background-image:url(../img/5.jpg);
}

helen_papa 2018-04-11

源自：项目：JS实现轮播特效 6-2 作业题

收起

1回答

好帮手慕星星 2018-04-11 11:30:16

打开页面是有顶部导航文字显示的呀，你的图片自己已经设置隐藏了，所以看不到，

自己可以再调整一下顶部导航，参考：

祝学习愉快~~

收起回答

提问者 helen_papa #1

导航部分也显示不出来，用editplus编辑器是可以显示的，不知道是什么问题

2018-04-11 17:17:10
好帮手慕星星回复提问者 helen_papa #2

你用什么浏览器测试的呀，导航文字不应该显示不出来的，你可以把所有的布局去掉，只留下导航文字，看看能不能显示出来。

2018-04-11 18:14:50