Question

我需要对笨拙的图片库插件进行小规模定制。该插件提供图片标题。图像标题使用class =“showcase-caption”获得自己的div。它基于div内部的class =“showcase-slide”。

但是标题是叠加层。我需要把它放在图像下面。这是一个伪工作http://www.awkward.interfacecreation.com/jquery/的示例页面。在示例中，标题只是覆盖了图像。

Answer 1

.showcase-caption div绝对位于#showcase中，自动对齐到底部。你需要让#showcase更高，并从样式表中的.showcase-caption中删除position: absolute规则（以及top和left），以便.showcase-caption可以位于.showcase下面.showcase -content。

Answer 2

.showcase-content {
background-color: black;
text-align: center;
overflow: visible !important;
}

style.css行：125

.showcase-content-container {
background-color: black;
overflow: visible !important;
}

style.css line：87

.showcase-caption {
color: black;
padding: 8px 15px;
text-align: left;
position: absolute;
/*bottom: 0px;*/
left: 0px;
right: 0px;
background: #DFDFDF;
margin-top: -5px;
}

style.css行：163

自定义Awkward jquery插件

2 个答案: