自定义笨拙的jquery插件

我需要一个尴尬的图片库插件的小自定义。该插件提供图像标题。图像标题通过class =“showcase-caption”获得自己的div。它是基于div的class =“showcase-slide”。自定义笨拙的jquery插件

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

2011-08-17 Christian

当你说的覆盖，你的意思文字本身位于图像顶部还是包含元素？（请注意，在FF，IE和Chrome中，每个图片的标题都显示在图片的下方...） –

.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行：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

来源

2011-08-17 00:59:13

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

来源

2011-08-17 00:58:04

自定义笨拙的jquery插件

回答

相关问题