html轮播图不能用png么,为什么我轮播图图片显示不出来？

胖虎就是智虎

LOGO

EN / CN

• 首页
• 关于我们
• 新闻资讯
• 产品展示
• 营销网络
• 招贤纳士
• 联系我们

*{

margin: 0;

padding: 0;

font-family: "微软雅黑";

text-decoration: none;

list-style: none;

}

.header{

height: 100px;

background: #FFFFFF;

text-align: center;

position: relative;

}

.header__logo{

width: 136px;

height: 36px;

color: #0082cd;

font-family: "微软雅黑";

font-weight: bolder;

font-size: 36px;

line-height: 100px;

padding-left:200px;

}

.header__item{

width: 308px;

height: 30px;

}

.header__item input{

width:200px;

height:30px;

position: absolute;

right: 300px;

top: 34px;

text-indent: 10px;

}

.header__item__left{

cursor: pointer;

width: 22px;

height: 22px;

background: url(../img/ss.png) no-repeat;

position: absolute;

right:270px;

top: 40px;

}

.header__item__right{

cursor: pointer;

position: absolute;

background-size:22px 22px ;

right: 190px;

line-height: 30px;

}

.header__item__right span{

color: #7db1de;

font-weight: bold;

}

.nav{

height: 50px;

background: #0082CD;

background-size:cover ;

position: relative;

padding-left: 170px;

}

.nav li{

list-style-type: none;

float: left;

line-height: 50px;

width: 150px;

text-align: center;

}

.nav li a{

color: #ffffff;

display: block;

font-size: 16px;

font-family: "微软雅黑";

}

.nav li a:hover{

background: #FFFFFF;

color: #0082CD;

transition: all .8s;

}

.banner{

width: 1150px;

height:430px;

overflow:hidden;

position:relative;

}

.banner-slide{

width: 1150px;

height:430px;

background-repeat:no-repeat;

float:left;

display:none;

}

.slide-active{

display:block;

}

.slide1{

background-image:url(../img/图层 15.jpg)no-repeat;

}

.slide2{

background-image:url(../img/图层 28.jpg)no-repeat;

}

.slide3{

background-image:url(../img/图层 298.jpg)no-repeat;

}