z-index在此页面中不起作用

Question

http://rb.alayadi.ae/

在此页面底部，我希望黑匣子处于这样的位置。 在此处输入图片说明

请告诉快速解决此问题的方法

#responsive_single_image_description {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
color: white;
bottom: 0px;
padding: 4px;
text-align: right;
max-width: 90%;
left: -14px;

但是以某种方式隐藏了它，并且z-index无法正常工作。

Answer 1

1. 确保您的主要样式最后加载

2. 在要覆盖的元素中添加CSS

   z-index：9999！重要； 职位：相对；

使用z-index时，相对位置非常重要