小白兔作为背景图片不显示

小白兔作为背景图片不显示

<div class="ground">

用一个div设置背景图片为小白兔,不显示。

用其他的jpg图片可以显示

用<img src="./img/rabbit.png" /> 也可以显示


<div class="ground">

<div class="rabbit"></div>

</div>


.rabbit{

    width: 104px;

    height: 100px;

    background: url(../img/rabbit.png);

    position: absolute;

    right: 200px;

    bottom: 50px;

}    


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

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

4回答
weibo_星辰_Q_0 2018-03-09 14:29:45

你可以试下,把.rabbit下的宽高另外写在img里面

.rabbit img{

width: 104px;

    height: 100px;

}

  • 在这个前提下,要把图片写在div里面,不要设置成背景 <div class="grass"> <!--兔子--> <div class="rabbit"><img src="images/rabbit.png"></div> </div>
    2018-03-09 14:31:54
sharby 2017-10-17 17:40:58

.ground给相对定位了吗?

sharby 2017-10-17 17:39:27

。。。。。。

Miss路 2017-09-20 10:19:26

你的代码不完整,没有办法找出确定的问题,但是这里,不要用div设置背景图片,这里就是一张图片,不是给一个容器设置背景。祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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