html - 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;position:relative；

position relative is important when using z-index