Joomla - 橫幅模塊 - 標題位置

Question

有沒有辦法將圖像的標題（在我的情況下是橫幅模塊）放在圖像上？

下面是一個例子：http://www.nulaena.si/temp

我想將文本「問一個技術性問題」在黃色圖像（背景）。

我試着margin-bottom：-10px和z-index但沒有成功。也許我沒有做對。

這是我的代碼至今：

<div class="moduletable_banner-yellow"> 
<h3>Ask a technical question</h3> 
<div class="bannergroup_banner-yellow"> 
<div class="banneritem_banner-yellow"><a href="#"><img src="http://nulaena.si/joomla/images/banners/banner-yellow.png" /></a><div class="clr"></div></div> 
</div>  
</div> 

.moduletable_banner-yellow h3 { 
    margin-bottom: 0px; 
    padding-left: 20px; 
    font-family: arial; 
    font-size: 16px; 
    font-weight: bold; 
    text-shadow: #6374AB 2px 2px 2px; 
    text-transform: uppercase; 
    text-decoration: none; 
    color: #fff; 
    text-align: left; 
} 

我試圖把旗幟作爲背景圖像像例如：

.moduletable_banner-yellow { 
    background-image:url('http://nulaena.si/joomla/images/banners/banner-yellow.png'); 
    height: 50px; 
    width: 511px; 
} 

但你不能點擊橫幅，因爲在後端沒有選擇圖像（沒有鏈接，只有文本）。如果我選擇了一張圖片，它會因爲文字而被推下。

我想另一個選擇是修改源代碼，所以會是一個鏈接，但我寧願避免它。

Answer 1

嘗試使用絕對定位與文本？我認爲這可能有效。在模塊管理器中給兩個模塊確切的相同位置，然後「絕對定位」文本，使其位於橫幅上？

或者，也許只是加載圖像&文本到同一個模塊？我不確定使用兩個單獨的模塊可以看到它的好處嗎？如果他們會重疊，會有什麼意義呢？