1

IE が以下のボタンをリンクとしてまったく認識しない理由がわかりましたか?

<a href="#zanas" class="content-loader"><div id="zanas"></div></a>
<a href="#dizain" class="pics_holders"><div id="dizain"></div></a>
<a href="#izkustvo"><div id="izkustvo"></div></a>
<a href="#kontakti" class="content-loader"><div id="kontakti"></div></a>

サイトもチェックしてください（ボタンはランプの形にあります） - http://lambev-design.com/

更新：要素に何かを含める必要があることがわかりました（空のスペースは機能しませんでした）。スパンタグを作成するのではなく、divが4つの異なる場所にあることを知っていたので、不透明度を使用してそれらのdivに画像を配置することを選択しました0 しかし、それが CrossBrowser コマンドであるかどうか、どこでも機能するかどうかはわかりません)。

4

3 に答える 3

2

マークアップが有効ではないためだと思い<a><div></div></a>ます（まあ、それだけでなく、2番目の理由はIE自体です...）。を置き換えて、いくつかの CSS ルールを追加<div>してみてください。<span>

a.content-loader span { 
    display: block; 
    position: relative;
    z-index: -1;
}
a.content-loader { display: inline-block; }

この奇妙ないじりは、IE7 の問題を解決するのに役立ち、クロスブラウザーで有効になるはずです。IE7 で動作するhttp://jsfiddle.net/Fttyh/3/を参照してください (元の fiddleとは異なります)。

私は最近非常によく似た問題を抱えていて、あなたの問題に対する答えを採用しました:-)詳細についてはそこを参照してください。

于 2012-04-16T15:46:33.973 に答える
0

id="..."を a-tag に追加してみてください:

<a href="#dizain" class="pics_holders" id="dizain"></a>

それが役立つかどうかはわかりませんが、前にやったと思います...

于 2012-04-16T15:44:00.837 に答える
0

タグは IE で Div を作成しません。回避策として、次のように記述できます。

<a href="#zanas" class="content-loader"><div onclick="window.location.hash='#zanas'" id="zanas"></div></a>
于 2012-04-16T15:46:15.197 に答える