Question

我正在尝试使用图像作为背景（在我知道HTML本身有背景属性之前我这样做了）并且由于某种原因它下面有很多空白。

我尝试完全删除图像，以便我可以在HTML中使用“背景”功能，但是一旦删除图像，所有信息（中间的图像除外）都会消失！

如果我把图像放在没有CSS的（HTML）中，那么它会显示在网站上的所有文本下面，并且它所占用的空间（在我向上移动之前）似乎是空格。移动。

我一直在寻找很长时间，找不到解决方案。

HTML

 <div class="Images">

    <img id="MalcomPic" src="../Assets/Malcom.jpg" alt="Malcom X"/>

    <img id="MalcomBack" src="../Assets/MalcomBacks.jpg" alt="Malcom X"/>
    </div>

CSS

   #MalcomBack {
   position: relative;
   bottom: 707px;
   z-index: -1;
    }

我尝试将display: block添加到图片中，但它没有做任何事情。

目前的情况如下：http://imgur.com/a/evyMl

我希望它在图片的底部结束。谢谢你的帮助

Answer 1

我认为问题在于外部div不够大。图像在文本后面切割，因为这是外部div结束的位置。（具有相对位置的div不会影响父级的大小）

尝试将以下内容添加到外部 div：

position: absolute;
height: 100%;
top: 0;

图像下面有很多白色空间

1 个答案: