2012-04-16 5 views
1

IEがリンクとしてこれらのボタンのどれかを全く認識しないのですか?IEはhrefボタンを認識しません

<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つの異なる場所に配置してスパンタグを作成することを知っています。不透明度が0のdivにイメージを置くことを選択しましたが、CrossBrowserコマンドであればどこでも動作します。 A-タグにid="..."追加

+0

[このフィドル](http://jsfiddle.net/Fttyh/)に従ってのみIE7は問題が...私の答えを参照してくださいます。 – TMS

答えて

0

試してみてください。

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

は、それが助け場合は知らないが、私は私が前にそれをやったと思うが...

+0

これは違いはありません。 –

+0

答えがうまくいかなくても、あなたの助けを借りて、神があなたを祝福してもらうことがあります。ありがとうございました。 –

0

タグは、IEでdivを作成しません。回避策としては、これを書くことができます:

<a href="#zanas" class="content-loader"><div onclick="window.location.hash='#zanas'" id="zanas"></div></a> 
+0

作業していない...私が行った編集を確認してください:) –

2

<a><div></div></a>マークアップが有効ではありませんので、私は推測するが(まあ、だけではなく、第二の理由は、IE自体...です)。 <span><div>を交換し、いくつかのCSSルールを追加しよう:

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

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

最近私は非常にsimilar problemでした。あなたの問題にはthe answerを採用しました。

+0

あなたの助けてくれてありがとうございますが、私は4つのdifferend div(それぞれが特定の場所にあります)を1つのクラスに設定することはできません。サイトをチェックしてください。私はまた、単純な決定をfaundている:)しかし、私は動作するかどうかわからない... –