老师,报错是什么问题呢

来源: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回答

好帮手慕星星

2021-07-16

同学你好,老师测试代码没问题,没有报错

http://img.mukewang.com/climg/60f0ef690988dd4517280782.jpg

警告是chrome浏览器的原因,可以不用管。

同学测试不能滑动吗?还是有其他报错呢?建议描述具体一些,便于帮助解决。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程