锚链接内的按钮在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="#">

  <span class="button_surrogate">

     <span><span><span>YOUR_BUTTON_LABEL</span></span></span>

  </span>

</a>