<a> 标签内的 <img> 标签仅适用于 IE答案

【问题标题】：<img> tag inside an <a> tag works only in IE<a> 标签内的 <img> 标签仅适用于 IE
【发布时间】：2012-08-10 14:55:50
【问题描述】：

我正在尝试制作一个徽标图像，该图像应作为超链接并在用户点击时将用户重定向到主页。

<a class="fleft block" href="../../Pages/HomePage.aspx">
    <img class="logo" src="../../Images/logo.gif" alt="Logo" /></a>

此代码在 IE 中运行良好，其行为符合预期。但是该图像在 FireFox、Chrome、Opera 和 Safari 中不可点击。

任何想法为什么？谢谢，安东

编辑：好的，谢谢各位的回答。我已经删除了我的 css 类（float: left 和 display: block），现在它可以工作了

【问题讨论】：

【解决方案1】：

您的代码运行良好。如果您想更改图像上的光标，请在您的 CSS 中尝试此操作；

.logo{
  cursor: pointer;
}

【讨论】：

【解决方案2】：

你浮动链接吗？如果这样做，它将不会封装整个图像。如果是这种情况，您可能希望在 css 中为您的链接指定宽度和高度。

.fleft.block{
  width: "your image width";
  height: "your image height";
}

【讨论】：