第一张图片无法显示(共三张)
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<title>emmm</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<!--图片轮播-->
<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>
</div>
</div>
<p class="boxshadow-multi"></p>
</body>
</html>
//css 里的
*{
margin:0;
padding:0;
}
ul{
list-style:none;
}
body{
font-family: "微软雅黑";
color:#14191e;
}
.main{
width:960px;
height:460px;
margin:30px auto;
}
.banner{
width:960px;
height:460px;
}
.banner-slide{
width:960px;
height:460px;
background-repeat: no-repeat;
border: 1px solid #fff;
}
.slide1{
background-image:url("C:/Users/Cherry/Desktop/img3.png");
}
.slide2{
background-image:url("C:/Users/Cherry/Desktop/img3.png");
}
.slide3{
background-image:url("C:/Users/Cherry/Desktop/img3.png");
}
绝对路径都一样，电脑上IE浏览器只能显示第2 ，3 张，第一张留有区域，不显示；
火狐浏览器图片一张都不显示0
收起
正在回答
1回答
火狐浏览器不支持绝对路径的图片，建议是使用Chrome浏览器测试，或者是换成相对路径。你的三个图片路径都是一样的。应该都会显示出来，IE中测试建议再换一张图片试试。祝学习愉快~~
JavaScript基础入门 2018
- 参与学习 547 人
- 提交作业 206 份
- 解答问题 640 个
JavaScript作为前端学习中的一个重要组成部分，本课程将带领你从最基础的语法开始，学习js的流程控制语句、函数、内置对象、DOM基础、DOM事件、BOM基础以及经典的js案例--轮播图。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星