Html 锚定链接中的按钮在Firefox中有效，但在Internet Explorer中无效？

除了我的链接之外，我的站点中的所有其他内容似乎都与所有浏览器兼容。它们出现在页面上，但不起作用。我的连结代码如下：

<td bgcolor="#ffffff" height="370" valign="top" width="165">
    <p>
        <a href="sc3.html">
            <button style="width:120;height:25">Super Chem #3</button>
        </a> 
        <a href="91hollywood.html">
            <button style="width:120;height:25">91 Hollywood</button>
        </a> 
        <a href="sbubba.html">
            <button style="width:120;height:25">Super Bubba</button>
        </a> 
        <a href="afgoohash.html">
            <button style="width:120;height:25">Afgoo Hash</button>
        </a> 
        <a href="superjack.html">
            <button style="width:120;height:25">Super Jack</button>
        </a> 
        <a href="sog.html">
            <button style="width:120;height:25">Sugar OG</button>
        </a> 
        <a href="91pk91.html">
            <button style="width:120;height:25">91 x PK</button>
        </a> 
        <a href="jedi1.html">
            <button style="width:120;height:25">Jedi</button>
        </a>
    </p>
    <p>&nbsp;</p>
    <a href="http://indynile99.blogspot.com">
        <button style="width:120;height:25">Blog</button>
    </a>
    <p>&nbsp;</p>
</td>

您不能在

标签内有按钮。但是，您可以使用一些javascript使其工作。
在
标记中不能有按钮。但是，您可以使用一些javascript使其正常工作。
您不能在
中包含
，因为
被考虑在内）

要获得想要的效果，您可以放弃
标记，为每个按钮添加一个简单的事件处理程序，将浏览器导航到所需位置，例如

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



请考虑<强>不<强>这样做；常规链接之所以能如此工作，是有原因的：


用户可以立即识别链接，并理解他们导航到其他页面
搜索引擎可以将它们识别为链接并跟踪它们
屏幕阅读器可以将它们识别为链接，并适当地向用户提供建议

您还添加了一个完全不必要的要求，即启用JavaScript只是为了执行基本的导航；这是Web的一个基本方面，我认为这样的依赖性是不可接受的。

如果需要，您可以使用背景图像或背景色、边框和其他技术来设置链接的样式，使它们看起来像按钮，但在封面下，它们应该是普通链接。
您不能在
中设置
，因为
被考虑在内）

要获得想要的效果，您可以放弃
标记，为每个按钮添加一个简单的事件处理程序，将浏览器导航到所需位置，例如

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



请考虑<强>不<强>这样做；常规链接之所以能如此工作，是有原因的：


用户可以立即识别链接，并理解他们导航到其他页面
搜索引擎可以将它们识别为链接并跟踪它们
屏幕阅读器可以将它们识别为链接，并适当地向用户提供建议

您还添加了一个完全不必要的要求，即启用JavaScript只是为了执行基本的导航；这是Web的一个基本方面，我认为这样的依赖性是不可接受的。

如果需要，您可以使用背景图像或背景色、边框和其他技术设置链接的样式，使它们看起来像按钮，但在封面下，它们应该是普通链接。
以下代码在所有浏览器中都可以正常工作：

<button onClick="location.href = 'http://www.google.com'">Go to Google</button>

转到谷歌
以下代码在所有浏览器中都能正常工作：

<button onClick="location.href = 'http://www.google.com'">Go to Google</button>

转到谷歌
请注意：

W3C对链接标签内部的按钮没有问题，所以它只是另一个MS子标准

回答：

使用“代理”按钮，除非您想要获取完整图像

可以将代理按钮放入标记中（如果您使用的是跨度，而不是div，则更安全）。


它可以设计成按钮或其他任何样式。


它是多功能的-一段css代码支持所有实例-只需定义一次css，然后在代码需要的地方复制并粘贴html实例。


每个按钮都可以有自己的标签-非常适合多语言页面（我认为，为每种语言制作图片更容易）-还可以更容易地在脚本中传播实例。


将其宽度调整为标签长度-如果需要，也将采用固定宽度。

IE7是上面的一个例外-它必须有宽度，或者将此按钮从一个边缘到另一个边缘-或者给它宽度，您可以将按钮向左浮动
-css用于IE7:

A.宽度：150px；（在属性之前注意点，我通常通过添加这样的点来瞄准IE7-删除点，所有浏览器都将读取属性）

B文本对齐：居中；-如果宽度固定，则必须将其置于文本/标签的中心

C游标：指针；-所有IE都必须具备此功能才能正确显示链接指针-好的浏览器不需要它



您可以进一步使用此代码并使用CSS3来设置样式，而不是使用图像：

A.圆角半径（限制：IE将显示为正方形）

B渐变使其“像按钮一样”（限制：opera不支持渐变，因此请记住为此浏览器设置标准背景色）

C使用：悬停pclass可根据鼠标指针位置等更改按钮状态-您可以仅将其应用于文本标签或整个按钮

下面的CSS代码：
下面的HTML代码（按钮实例）：

<a href="#">
  <span class="button_surrogate">
     <span><span><span>YOUR_BUTTON_LABEL</span></span></span>
  </span>
</a>


请注意：

W3C对链接标签内部的按钮没有问题，所以它只是另一个MS子标准

回答：

使用“代理”按钮，除非您想要获取完整图像

可以将代理按钮放入标记中（如果您使用的是跨度，而不是div，则更安全）。


它可以设计成按钮或其他任何样式。


它是多功能的-一段css代码支持所有实例-只需定义一次css，然后在代码需要的地方复制并粘贴html实例。


每个按钮都可以有自己的标签-非常适合多语言页面（我认为，为每种语言制作图片更容易）-还可以更容易地在脚本中传播实例。


将其宽度调整为标签长度-如果需要，也将采用固定宽度。

IE7是上面的一个例外-它必须有宽度，或者将此按钮从一个边缘到另一个边缘-或者给它宽度，您可以将按钮向左浮动
-css用于IE7:

A.宽度：150px；（在开始之前记下圆点
<input type="button" value="click me" onclick="window.open('http://someurl', 'targetname');">

if (navigator.appName === 'Microsoft Internet Explorer')
{
    $('a input.button').click(function()
    {
        window.location = $(this).closest('a').attr('href');
    });
}

$('a input.button')

$('a input[type=button]')

<a href="some_link"><input type="button" class="button" value="some value" /></a>

input.button {cursor: pointer}

<button type="button"><a href="yourlink">Link</a></button>

<button><a href="#">Bar</a></button>

button a {
  display:block;
  height:100%;
  width:100%;
}

<!--[if lt IE 9 ]>
     <script>
        $(document).ready(function(){
            $('a > button').click(function(){
                window.location.href = $(this).parent().attr('href');
            });
        });
    </script>
<![endif]-->