href работает в Firefox 11.0, но не в Internet Explorer 9

Question

У меня есть ссылка, и я хочу выглядеть как кнопка, поэтому я использовал следующее:

<a style="text-decoration:none" href=/home/index><button type="button">Main Menu</button></a>

Это хорошо работает в FF 11.0, но ничего не делает в IE9, хотя исходный код показывает все в порядке. В IE, если навести курсор мыши на него, я ничего не вижу. В FF я вижу ссылку на дом / индекс

Есть идеи, как решить эту проблему?

Answer 1

Вы должны избегать использования элемента <button> для ссылок и делать его единым элементом <a>, стилизованным под CSS, чтобы он напоминал кнопку:

<a class="button" href="...">Main Menu</a>

Затем используйте CSS, чтобы стилизовать кнопку в виде кнопки. Я обычно задаю ему рамку, отступы, стиль отображения встроенных блоков, эффект: hover, а иногда CSS3-радиус границы и градиент.

Answer 2

Я предлагаю вам сделать это, если это соответствует вашим потребностям.

<div id="button">
<a href="/home/index" style="display:block">Main Menu</a>
</div>

Таким образом, вы можете сделать стиль намного проще.

Answer 3

Как сказал Дэвид, попробуйте с формой:

<form id="form1" name="form1" method="post" action="/home/index">
<input type="submit" name="button" id="button" value="Main Menu"/>
</form>

Answer 4

Попробуйте обернуть ваш href в кавычки

<a style="text-decoration:none" href="/home/index"><button type="button">Main Menu</button></a>