如何使用标题调整背景图像

Question

http://awdhesh.goebasket.com/smartiq2/！

在chrome浏览器中我在底部获得了额外的填充如何删除那个

我试过这个css代码

figure#caption {width:100%; float:left; padding:7px 0; background:#333; color:#fff; font-size:24px; position:relative; top:556px; text-align:center; font-weight:500;}
figure#caption strong {font-size:36px; font-weight:600; display:block;}
figure#caption strong b{color:#E74C3C;}

仍然无法解决此问题

Answer 1

您正在修复最高值top:556px;，这会在不同的浏览器中有所不同。您需要将bottom:0设置为具有绝对位置的底部div。

.topfix {
  height: 100%;           /*add other styles*/
}
figure#caption {
   position: absolute;    /*add other styles*/
   bottom: 0;
}

Answer 2

在下面的课程中添加相对位置:(可能你需要调整类'figure＃caption'的'top'属性）

.topfix .navbar-default
 {
     background: none;
     border: none;
     position: relative;
}