Css Joomla-旗帜模块-标题位置

有没有办法将模块的标题（在我的例子中是横幅模块）放在图像上

以下是一个例子：

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

我想把文本“问一个技术问题”放在黄色图像（背景）上

我尝试了保证金底部：-10px和z指数，但没有成功。也许我做得不对

这是我目前掌握的代码：

<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; 
}

但是你不能点击横幅，因为在后端没有选择图像（没有链接，只有文本）。如果我选择了一个图像，它会因为文本而被按下

---

我想另一个选择是修改源代码，这样可以成为链接，但我宁愿避免它。

尝试使用文本的绝对定位？我想那可能行得通。让两个模块在模块管理器中处于完全相同的位置，然后“绝对定位”文本，使其位于横幅上方

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

我在h3中添加了“位置：绝对”，这很完美。非常感谢。