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時，相對位置非常重要