html - タグはFirefoxでは機能せず、IEでのみ機能します

Question

score 3 · Accepted Answer

<a>表のセルの内側に入れます。

<td id="myHeader_td0_a" class="Tab_White" width="61" align="center" valign="middle"><a href="../homepage.aspx" id="aHomepage">Home</a></td>

セル全体をリンクにしたい場合は、CSS を使用し<a>てセルを塗りつぶすか、JavaScript を使用してセル全体を onclick イベントに応答させます。

score 0 · Accepted Answer

それは悪いマークアップであるため、FF では機能しません。td をアンカーでラップしないでください。ブラウザは、HTML を可能な限り解釈しようとします。IE が今回うまくプレイすることを決定したことは幸運です。代わりにこれを行います：

 <td id="myHeader_td0_a" class="Tab_White" width="61" align="center" valign="middle">
     <a href="../homepage.aspx" id="aHomepage">Home</a>
  </td>

アンカーを次の<TD>ような css を使用するサイズにするには:

td a{
  display:inline-block;
  height: 100%;
  width: 100%;
}

アンカーは高さのないインライン要素です。高さを尊重するようにするdisplay: inline-blockには、インラインのままですが、尊重heightしwidth、ブロックレベルの要素のようにします。

編集:深さ変数を渡す1つの方法は、アンカーにプロパティを設定し、クリックイベントでそれを取得することです:

<a href="../homepage.aspx" id="aHomepage" depth='100'>Home</a>

次に、js を使用して値を取得できます (イベントがどのように設定されているかわからないため、おおよそこの方法です)。

$("a").click(function(){
   this.getAttribute("depth");
});

申し訳ありませんが、アンカーに追加する VB コードがありません。

2 に答える 2