老师,报错是什么问题呢
来源:2-2 编程练习
慕虎0371676
2021-07-15 22:57:02
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="vieport" content="initial-scale=1,user-scalable=no,width=device-width">
<title>swiper</title>
<link rel="stylesheet" href="../css/idangerous.swiper2.7.6.css" type="text/css" />
<!-- <link rel="stylesheet" href="css/index.css" type="text/css" /> -->
<style type="text/css">
@charset "utf-8";
*{
margin:0;
padding:0;
}
body,html{
width:100%;
height:100%;
}
.swiper-container{
width:100%;
height:100%;
}
.swiper-wrapper{
width:100%;
height:100%;
}
.swiper-slide{
width:100%;
height:100%;
}
.bg-img{
background:url(http://climg.mukewang.com/59f2f3c60001e51206000600.jpg) center center no-repeat;
background-size:100% 100%;
}
.bg-for{
background:url(http://climg.mukewang.com/59f2f3dc0001512e06000533.jpg) center center no-repeat;
background-size:100% 100%;
}
.bg-to{
background:url(http://climg.mukewang.com/59f2f3fb0001725305000707.jpg) center center no-repeat;
background-size:100% 100%;
}
</style>
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide bg-img">1</div>
<div class="swiper-slide bg-for">2</div>
<div class="swiper-slide bg-to">3</div>
</div>
</div>
<script src="./idangerous.swiper2.7.6.min.js"></script>
<!-- <script src="js/index.js"></script> -->
<script>
var swiper=new Swiper('.swiper-container');
</script>
</body>
</html>
1回答
同学你好,老师测试代码没问题,没有报错
警告是chrome浏览器的原因,可以不用管。
同学测试不能滑动吗?还是有其他报错呢?建议描述具体一些,便于帮助解决。
祝学习愉快!
相似问题
回答 1