Joomla - Banner模块-标题位置

Question

有没有办法将模块的标题(在我的例子中是banner模块)放在图像上？

下面是一个示例：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

尝试对文本使用绝对定位？我想这可能行得通。给两个模块在模块管理器中完全相同的位置，然后‘绝对定位’文本，使其在横幅上？

或者可能只是将图像和文本加载到同一个模块中？我不确定我是否看到了使用两个独立模块的好处？如果它们只是重叠，那有什么意义呢？