老师帮我看看问题出现在哪里,我main部分动不了,顺便帮我看看我的遮罩层为什么用不了
</head> <body> <div class="big"> <!-- 头部 --> <div class="header"> <img class="tu1" src="images/logo.png"/> <ul class="list"> <a class="one" href="#"><li>HOME</li></a> <a class="one" href="#"><li>ABOUT</li></a> <a class="one" href="#"><li>GALLERY</li></a> <a class="one" href="#"><li>FACULTY</li></a> <a class="one" href="#"><li>EVENTS</li></a> <a class="one" href="#"><li>CONTACT</li></a> </ul> </div> <!-- 主体 --> <div class="main"> <div class="main-top"> <img src="images/banner3.jpg" class="tu2" /> </div> <!-- 遮罩层 --> <div id="toplayer"> <div id="toplayer-top"></div> </div> <div class="main-middle1"></div> <div class="main-middle2"></div> <div class="main-bottom"></div> </div> <div class="flooter"></div> </div> </body> </html>
*{
margin: 0;
padding: 0;
overflow: hidden;
}
.big{
width: 100%;
height: 1200px;
}
.header{
background-color:#00BFFF;
width: 100%;
height: 100px;
cursor:pointer;
position: fixed;
top:0;
left: 50%;
margin-left: -50%;
margin-top: 0px;
/**/
}
.header .tu1{padding:20px 30px; height: 48px;}
.header .list { float: right;padding-top: 30PX;}
.header .list li:hover{background-color: #000;}
.header .list ul{height:}
.header .list li{
display: inline;
list-style-type: none;
padding: 20PX;
color:#FFF;
}
.header .list .one{text-decoration:none;}
.main{
width: 100%;
min-width: 800px;
height: 1200PX;
font-size: 0;
margin-top: 100px;
font-size: 0;
}
.main .main-top{width: 100%; height: 800px;}
.main .main-top .tu2{width: 100%; height: 800px;}
.main .toplayer{
position: absolute;
top:100px;
left: 0;
width: 100%;
height: 800px;
background-color:#000;
opacity:0.5;
}
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星