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

尝试使用文本的绝对定位？我认为这可行。在模块管理器中为两个模块提供完全相同的位置，然后“绝对定位”文本，使其位于横幅上？

或者只是加载图片＆amp;文本进入同一个模块？我不确定我是否看到使用两个独立模块的好处？如果它们只是重叠会有什么意义呢？

Joomla - 横幅模块 - 标题位置

1 个答案: