Re: グローバルナビブロックで、ページの名前の背景に画像を重ねたい。

2015年11月18日 at 17:49

管理人様、削除の件は了解しました。

折角なのでやりたかったことを残しておきます。
グローバルナビブロックの背景画像の上にカーソルを乗せた時に
別な画像をフェードインで表示(選択している風に)させたかった。

フェードインで表示させる画像をCSSで最下層に設定。
.gnav li {background: url(images/maru01ba.png) no-repeat center center; }
何もしていない時の標準画像をPHPで中間層に設定。
<img class=“ha“ src=”’ . $this->getThemePath() . ’/images/menu_bar.jpg“ border=”0”>
最下層がフェードインに”見えるように”、標準画像をフェードアウトするのをCSSで設定。
.gnav li a img {transition: opacity 0.8s ;}
.gnav li a:hover img {opacity: 0;}

無理やりな、力技なような気がするのでもっといい方法があればよいのですが。