0

有没有办法将模块的标题（在我的情况下是横幅模块）放在图像上？

这是一个例子：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;
}

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

我想另一种选择是修改源代码，所以会是一个链接，但我宁愿避免它。

4

1 回答 1

0

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

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

于 2011-07-26T19:21:45.183 回答