带有幻灯片和寻呼机块以及绝对定位的css

我的drupal站点（www.terrafirmasouth.co.uk）有一个css问题，与幻灯片标题框和下面的寻呼机块有关

当您第一次访问我的网站时，幻灯片上的透明标题框（左下角）开始降低下方寻呼机块的高度，然后将自身调整到正确的位置。按Ctrl-F5也会重新出现问题

如果我禁用寻呼机块，问题就会消失

通过将

position:absolute

添加到寻呼机块，跳转停止，但我的寻呼机块下方的文本似乎干扰了我的寻呼机块（重叠？），我无法再单击数字来更改幻灯片

我希望能够在幻灯片下显示寻呼机（1-6），以便可以单击它们（我已经用no

position:absolute

测试过了，效果很好，但我当然有跳跃问题）

我已经在下面附上了我最新的css，但它还没有进入我的网站，只是在我的pc上使用xammp运行它

/* my caption box */
.trcaption {
    position: absolute;
    left: 20px;
    bottom: 10px;
    background: #353535;
    opacity: 0.85;
    filter:alpha(opacity=85);
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}
/* title inside caption box */
#trtitle {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-family: 'LatoLight', Arial, sans-serif;
}
/* read more link inside caption box */

#trlink a {
    color: #008C07;
    float: left;
    font-size : 12px;
}
/* pager block under my slideshow  */

.views-slideshow-controls-bottom {
    display: block;
    position: absolute;
    text-align:center;
    width: 100%;
}
/* pager item i.e. number number */

.views-slideshow-pager-field-item {
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* show active pager with grey background */

.views-slideshow-pager-field-item.active {
    background: #E8E8E8;
}

---

如果要添加绝对值，请确保其他属性绝对值与绝对值不冲突，您可以使用

z-index

将它们排列在图层中

这将停止冲突，事情应该会顺利进行

---

要获得更多帮助，请添加一些工作代码，除了CSS或在JSFIDLE上创建FIDEL

@Barnee非常感谢，taht已经解决了这个问题。我把z-index:1添加到我的寻呼机块中，现在我可以点击寻呼机号码了。然而，我似乎不能在底部加一个边距code'.views幻灯片控件底部{位置：绝对；文本对齐：中心；宽度：100%；z索引：1；}'code'尝试此

。views幻灯片控件底部{位置：绝对；文本对齐：中心；宽度：100%；z索引：1；页边距底部：10px；}

代码没有任何关于页边距：）的绝对位置，我不能把边距放进去，当我注释掉绝对位置时，边距会出现？为此，我需要HTML代码，否则这将在云中播放，可能会给出错误的答案：）谢谢你回复我。我似乎无法在我的寻呼机块上应用边距底部，所以我在它的父元素中添加了一个边距底部，这样做了（我使用了padding bottom）。我现在一切都好了，不能到处乱跳。但奇怪的是，在IE中，我的寻呼机块（在我的幻灯片下）和下面的文本之间的空白几乎什么都没有，但在firefox和chrome上正好如此。当涉及到填充时，IE和世界其他地方之间肯定有细微的区别。谢谢你的帮助。