CSS кнопки не работают в IE, но работают в FF

Question

Я искал в Интернете решения о том, почему IE7 не открывает ссылки правильно, например

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

Разве IE7 не нравится иметь?

Я слышал, что должениспользовать jquery для этого?Но никто не связан ни с одной статьей.

Answer 1

В соответствии со спецификациями W3C для тегов якоря (<a>) и <button> тегов , вы можете сделать это нормально, но в соответствии сбыстрый поиск в Google , вы не можете и / или не должны этого делать, и он не работает в Internet Explorer.

В этой статье фактически рекомендуется добавить 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

Хотя вы можете, у вас не должно быть кнопки (<button>) внутри якоря (<a>).

Добавьте обработчик события к кнопке, как это:

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

Примечание: вам следует подумать не делать этого по ряду причин. В итоге вы можете (и должны) оформить свой элемент <a> так, чтобы он выглядел как кнопка.

Answer 3

Чтобы быть независимым от 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>

Answer 4

Попробуйте это:

<script>

$(document).ready(function() {

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

});

</script>

Или просто удалите тег кнопки и используйте это:

<script>

$(document).ready(function() {

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

});

</script>

Answer 5

Вам лучше не использовать кнопку внутри гиперссылки.

Стиль гиперссылки, чтобы выглядеть как кнопка.

Попробуйте это

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