1

リンクは、ホバー効果が機能していても、実際のテキストをクリックした場合にのみ機能します。ボタンがターゲットになっていることがわかりますか？

これは、左パディングを使用してそこに画像を配置しているサイト内のリストでも発生しています。パディングがある場所をクリックすると、機能しませんか？

.jsスクリプトがこれに影響を与える可能性があります、それはすべて私が使用しているライトボックス用です

何か案は？？

ul#navigation { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 0;
  }

ul#navigation li a {
  position: absolute;
  bottom: 10px; 
  display: block;
  width: 5em;
  padding: .5em 0;
  color: #FFF;
  background: #92da3a;
  text-align: center;
  text-decoration: none;
  font-size: 11px; 
  }

ul#navigation li a:hover {
  color: #05554f;
  }

ul#navigation .back {
  float: left;
  width: 4em;
  padding: 10px;
  }

ul#navigation .close {
  float: right;
  width: 4em;
  padding: 10px;
  }

ul#navigation li.mt {
  border-bottom: 2px solid #92da3a; 
  width: 480px; 
  position: absolute; bottom: 30px; left: 20px;
  }

どうもありがとう ：）

4

4 に答える 4

1

のCSSに問題はありませんul#navigation li a。あなたの CSS を実例にコピーしました。これは FF3、IE7、および Chrome で正しく機能するようです。

(よく書かれた) JavaScript があなたのリンクに何らかの形で干渉するとは思いません。ただし、一般的に、未知の JavaScript の特定の部分が何かを実行している可能性があります。

最終的なレンダリングと動作に影響を与える要因が多すぎて、何が原因であるかを判断できません。最低限のものから始めて、壊れるまで、またはすべてが再追加されて正しく機能するまで、関連するすべての要素を追加し直す必要があります。

  • （検証中の）プレーンな（X）HTMLドキュメントから始めます
  • 関連する CSS を追加して、必要なリンク スタイルを取得します。
  • 他の CSS ルールが干渉している場合は、残りの CSS を少しずつ追加します。
  • JavaScript を追加し直してください。

このプロセスの後、どの要因が望ましくない動作を引き起こしているかについて、より明確な考えを持つ必要があります。

FireFox Web 開発者ツールバーを使用して、ナビゲーション リンクに適用されている CSS ルールを調べることをお勧めします。他の大まかに指定されたルールが予期しない方法で干渉していることに気付くかもしれません。

マークアップと CSS が有効であることも確認する必要があります。無効な入力を処理する場合、正しい出力を正確に判断することはできません。

于 2009-02-12T14:37:00.133 に答える
0

A が position: absolute; に設定されていることを考慮して、UL または LI を相対位置に設定してみてください。

このセットを持っていると、いくつかの奇妙さを引き起こす可能性があります。

使用している HTML も提供できる場合は、問題を特定するのに役立ちます。

于 2009-02-13T08:15:01.510 に答える
-1

頭のてっぺんから、代わりにそれぞれを要素としてレンダリングし、リンクをたどるようにスパンの onclick イベントを設定し、スパン内に必要なスペースとテキストを配置することを考えています ( )。

window.location = "URL!"
于 2009-02-11T17:58:53.453 に答える