2011-08-17 9 views
0

私は厄介な画像ギャラリープラグインの小さなカスタマイズが必要です。プラグインは画像キャプションを提供します。画像キャプションは、class = "showcase-caption"で独自のdivを取得します。そのクラスはclass = "showcase-slide"のdivに基づいています。奇妙なjqueryプラグインをカスタマイズする

ただし、キャプションはオーバーレイです。私はそれをイメージの下に置く必要があります。以下は疑似作業の例ページですhttp://www.awkward.interfacecreation.com/jquery/。この例では、キャプションはイメージをオーバーレイします。

+0

あなたはオーバーレイを言うとき、あなたが意味するかをイメージの上にあるテキスト自体、または含まれている要素? (FF、IE、Chromeでは、それぞれのキャプションが画像の下に表示されています...) –

答えて

0
.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

0

.showcase-caption divは、#showcase内に絶対的に配置され、自動的に下に整列します。 #showcaseの背を高くし、スタイルシートの.showcase-captionからルール(topleft)を削除して、.showcase-captionが.showcase-contentの下に置かれるようにする必要があります。