0

ねえ、私はこのナビゲーションをうまく機能させようとしています:

http://www.moreheadplanetrium.org/redesign/nav.html

「現在の」タブの背景画像がリンクのスパンの後ろに伸びている理由がわかりません。他の状態 (通常とホバー) ではこれを行いません。タブがないと実際にはわからないため、これらの状態でさまざまな画像を使用してテストしました。

これは、このテクニックがアクティブおよびホバーでは機能するが、「現在の」アイテムの特別なクラスでは機能しないことに夢中になっています。助けていただければ幸いです。ありがとう〜

4

1 に答える 1

0

背景画像がスパンの後ろに広がることができなかったとあなたがどのように考えているのかわかりません。span タグは次のようにアンカー要素内にあります。

+-----------+
|    +-----+|
|    |     ||
|    +-----+|
+-----------+

span タグは、次のようにアンカー タグの外には出ません。

+--------+
|    +------+
|    |      |
|    +------+
+--------+

すべての状態で同じことを行います。違いは、通常の状態とホバー状態の場合、アンカーの背景が見えるスパンの背景の透明な部分がないことです (影をよく見ない限り)。

解決策は、背景画像に透明度を使用しないことです。背景の影のように立体的にします。

これで二重影の問題も解決します。よく見ると、span タグの背景画像の影がアンカー タグの背景画像の影に追加され、重なっている部分の影が濃くなっていることがわかります。アンカー タグの背景しかないタブの左端では、影が薄くなります。二重の影の効果はすべてのタブにありますが、通常の状態とホバー状態の場合は非常に微妙なので、それを見るためにそこにあることを知る必要があります.

于 2009-11-11T17:36:41.287 に答える