锚链接内的按钮在Firefox中有效，但在Internet Explorer中不起作用？

Question

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

<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>

Answer 1

只需注意：W3C链接标签内的按钮没有问题，因此它只是另一个MS次标准。回答：除非您要获得完整图像，否则请使用代理按钮。可以将“代理”按钮放入标记中（如果使用跨度，则更安全，而不是div）。可以将其设置为看起来像按钮或其他任何样式。它具有多种功能-一段CSS代码可为所有实例提供支持-只需定义一次CSS，然后从该位置开始，只需在代码需要的地方复制并粘贴html实例即可。每个按钮都可以有自己的标签-非常适合使用多种语言的页面（我想很容易为每种语言做图片）-还可以使整个脚本更容易地传播实例。调整其宽度以适应标签长度-如果需要，也可以采用固定宽度。IE7是上述情况的一个例外-它必须具有宽度，否则将使该按钮从一端到另一端-为其提供宽度，也可以向左浮动按钮-IE7的CSS：一种。.width：150px; （在属性之前记下点，我通常以添加此类点为目标IE7-删除点，所有浏览器都会读取该属性）b。text-align：center; -如果宽度固定，则必须将其居中放置文本/标签c。cursor：pointer; -所有IE必须有这个正确显示链接指针-好的浏览器不需要它可以向前走一步，此代码和使用CSS3样式它，而不是使用图像：一。圆角的半径（限制：IE将显示它们为正方形）b。渐变以使其像“按钮一样”（限制：Opera不支持渐变，因此请记住为此浏览器设置标准背景色）C。使用：hover pclass可以根据鼠标指针的位置等更改按钮状态。-您可以将其仅应用于文本标签或整个按钮下面的CSS代码：.button_surrogate span { margin:0; display:block; height:25px; text-align:center; cursor:pointer; .width:150px; background:url(left_button_edge.png) left top no-repeat; }.button_surrogate span span { display:block; padding:0 14px; height:25px; background:url(right_button_edge.png) right top no-repeat; }.button_surrogate span span span { display:block; overflow:hidden; padding:5px 0 0 0; background:url(button_connector.png) left top repeat-x; }下面的HTML代码（按钮实例）：<a href="#">&nbsp; <span class="button_surrogate">&nbsp; &nbsp; &nbsp;<span><span><span>YOUR_BUTTON_LABEL</span></span></span>&nbsp; </span></a>