我想通過圖像添加兩個標題,周圍的Googling我能夠做的編碼後,但它僅適用於一個標題DIV,當我添加第二字幕DIV,它消失..如何添加另一個標題div到圖像?
我的代碼:
<style>
.background_image
{
background:url(1.jpg);
width:420px;
height:205px;
border:1px solid #FFFF00;
overflow:hidden;
}
.text_caption
{
padding-left:2px;
padding-top:0px;
padding-right:2px;
padding-bottom:2px;
color:#fffff;
font-size:30px;
font-weight:bold;
font-family:Trebuchet MS;
text-decoration:none;
margin-left:5px;
margin-top:140px;
}
.text_caption2
{
padding-left:4px;
padding-top:0px;
padding-right:4px;
padding-bottom:0px;
color:#000000;
font-size:26px;
font-weight:bold;
font-family:Trebuchet MS;
text-decoration:none;
margin-left:5px;
margin-top:150px;
}
</style>
<div class="background_image">
<div class="text_caption">Caption 1</div> /* this works */
<div class="text_caption2">Caption 2</div> /* this caption disappears */
</div>
對此有何幫助?我的代碼有什麼問題?
是的,現在我知道了,現在兩個字幕都有固定位置,現在不會去這裏和那裏..謝謝你的回答和時間,Ragnarokkr 。 :) –
很高興有幫助。別客氣 :) – Ragnarokkr