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

テキストで絶対測位を使用してみますか？私はそれがうまくいくかもしれないと思います。2つのモジュールをモジュールマネージャーでまったく同じ位置に配置してから、テキストがバナーの上にくるように「絶対に配置」しますか？

または、画像とテキストを同じモジュールにロードするだけですか？2つの別々のモジュールを使用してそれを行うことの利点がわかりませんか？それらがちょうどオーバーラップする場合、ポイントは何でしょうか？

于 2011-07-26T19:21:45.183 に答える