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

Question

http://rb.alayadi.ae/

在本页底部黑框我希望它是这样的位置。enter image description here

请告诉我们快速解决此问题

#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！important; 职位：相对;

  使用z-index

时，

位置相对很重要