为什么我没有图片

为什么我没有图片

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

 <link rel="stylesheet" href="css/style.css">

 <style type="text/css">

*{margin:0;padding:0;}

ul{list-style:none;}

body{font-family:"微软雅黑";color:#1419e;}

.main{width:1200px;height:460px;margin:30px auto;overflow:hidden;}

.banner{width:1200px;height:460px;}

.banner{width:1200px;height:460px;background-repeat:no-repeat;}

.slide1{

background-image:url(img/bg1.jpg);

}


.slide2{

background-image:url(img/bg2.jpg);

}


.slide3{

background-image:url(img/bg3.jpg);

}


 </style>

 </head>


 <body>

  <div id="" class="main">

<div id="" 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>

 </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2017-12-29 11:20:00

背景图片不会撑开容器,只有容器的内容才会撑开容器,即当你用img标签引入的时候可以撑开高度,但是您使用的是background-image:url();使用background-image:url();就不会撑开高度了。


卡布琦诺 2017-08-29 10:57:49

第一设置背景图片的高度,没有高度会不显示,即

.slide1,.slide2,.slide3{
	height:500px;
}

第二,检查一下background-image:url();的图片链接路径是否正确,祝学习愉快!

  • 潜狸 #1
    为什么图片要设置高度呢?图片不是自带高度吗?直接把图片放在一个盒子里,图片自身的高度不就把盒子撑起来了吗?
    2017-12-29 10:56:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师