使用CSS叠加时，页面底部会有剩余的空白空间吗？

我使用这个CSS应用覆盖到我的布局：使用CSS叠加时，页面底部会有剩余的空白空间吗？

div.hopscotch-overlay { 
    position: absolute; 
    opacity: .3; 
    background-color: #000; 
}

但我面对那里在页面底部浪费空白的问题。左侧是我的菜单栏，右侧是内容。覆盖层应用后出现空白区域。如何解决这个问题呢？

样本：http://jsfiddle.net/plainkeyman/JZqWF/1/

我申请的叠加功能到我的网页，并且不知道如何股利的作品，但它会创建一个div突出，其中i指向的元素。

来源

2017-10-12 user3718809

你能还提供了HTML？ – Swellar

您能否提供您的HTML代码？ – zynkn

我更新了我的问题。 – user3718809

我想你想

div.hopscotch-overlay { 
     position: absolute; 
     opacity: .3; 
     background-color: #000; 
     top: 0; 
     left: 0; 
     bottom: 0; 
     right: 0; 
}

或者其他类似的效果。您需要指定div的位置。

来源

2017-10-12 09:25:07 marchaos

给left:0;和right:0盖空白。

来源

2017-10-12 09:26:13

您可能需要设置left: 0,top: 0和bottom: 0。它将填充页面底部的空白区域。

div.hopscotch-overlay 
 
{ 
 
    width: 150px; 
 
    position: absolute; 
 
    opacity: .3; 
 
    background-color: #000; 
 
    left: 0; 
 
    top: 0; 
 
    bottom: 0; 
 
}

<div id="body"> 
 
    <div class="hopscotch-overlay"></div> 
 
</div>

来源

2017-10-12 09:33:10 DarkyZ

不工作，我已经更新了从我的页面中获取的示例代码。 – user3718809

使用CSS叠加时，页面底部会有剩余的空白空间吗？

回答

相关问题