CSSボタンIEでの作業が、FF

Question

に、私はIE7は、例えば正しく

<a href="http://www.google.com"><button class="class1">Google</button></a> 

をリンクを開いていないIE7を持つようにしない理由としてソリューションのためのインターネット上で探していたのでしょうか？ありませんか

私はこれにjqueryを使用する必要がありますか？しかし誰もどんな記事にもリンクしていません。

Answer 1

anchor (<a>) tagsと<button> tagsにW3Cの仕様によると、あなたはその罰金を行うことができる必要があり、 according to a quick Google searchとすることはできません。または実行しないでください。Internet Explorerでは動作しません。

This articleは、実際にJavascriptを追加することをお勧めしますので、リンクはまた、IEで開くことができます。

<a href="http://www.expertsguide.info/"><button type="button" onclick="window.location('http://www.expertsguide.info/')">Click Me to go to Experts Guide</button></a> 

Answer 2

ハイパーリンク内のボタンを使用しない方がよいでしょう。

ボタンのようにハイパーリンクをスタイル設定します。あなたは、あなたがアンカー（<a>）の内側のボタン（<button>）を持つべきではないことができますが

は、これらの

http://www.webresourcesdepot.com/css3-buttons-10-awesome-ready-to-use-solutions-all-related-tutorials-you-need/

Answer 3

を試してみてください。

<input type="button" value="Google" onClick="javascript:location.href = 'http://google.com';" /> 

注：あなたは、さまざまな理由から、これをやっていないとみなさなければならない

は、このようなボタンにイベントハンドラを追加します。要するに、<a>要素をボタンのようにスタイルすることができます。

<script> 

$(document).ready(function() { 

    $('.class1').click(function() { 
     window.location = $(this).parent().attr('href'); 
     return false; 
    } 

}); 

</script> 

それとも単にボタンタグを削除し、これを使用します：

Answer 4

はこれを試してみてください

<script> 

$(document).ready(function() { 

    $('a').click(function() { 
     window.location = $(this).attr('href'); 
     return false; 
    } 

}); 

</script> 

Answer 5

が、ここで多くの他の回答にはJavaScript（それがまた逆に、JSを無効にしてブラウザ上で動作するように独立しているように）、私はちょうど<form>通常の方法でそれを包んで、<button type="submit">（または<input type="submit">）の代わりにすることをお勧めします。

<form action="http://www.google.com"> 
    <button type="submit" class="class1">Google</button> 
</form> 

又は

<form action="http://www.google.com"> 
    <input type="submit" value="Google" class="class1" /> 
</form>