0


0

ブロックレベルのアンカーがテキストの周囲のスペースを占めていない[IE7]

私はいくつかの簡単なCSSとアンカータグがあります。

div {
  background-color: gray; /* for debugging */
}

div a {
  display: block;
  padding: 6px 4px 6px 7px;
  background-color: red; /* for debugging */
}

Firefoxでは、アンカー(赤)はテキストの外側でもクリック可能です。なぜなら、アンカーがいくらかのパディングを含んだ `display:block`だからです。 IE7では、テキストではない赤い領域にカーソルを合わせると、アンカーはその場所にリンクされなくなりました。

5 Answer


3


要素に `zoom:1`を追加してみてください。 これは要素http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx[hasLayout]を与えます、(これは調査によるとすべてのIEバグの60%のもとだけではない私はこの点を説明しましたが、ブロックレベルのアンカーを悩ませる傾向もあります。


1


どういうわけか `zoom:1; position:relative; `私のために働いていたようです。 とてもバギー!


1


zoom:1`は position:relative`なしで私のために働きました、しかし、 display:block`は私の a`要素に設定されました。


0


私はhttp://gvtdev.davebezaire.comで私のページに2ナビゲーションバーがあります。 `zoom:1;を設定します。 display:block; `1つのメニュー(左側)を正しく動作させるようにしました。 他のもの(上から見たところ)は `position:relative;を追加しても正しく動作しません。幅:100% `。 今のところ、私は `a:hover {text-decoration:underline;}`をセットアップしました、そして誰かが私のための提案をしていない限り、それは十分に良くなければならないでしょう。

かなり新しいWebページ開発者として、私の努力のうちどれだけがIEの修正に費やされるのかを学ぶのは実にがっかりです。


0


zoom:1!important;を使用してください。