<a> tag works only in IE</a>内的<img/>标记

Question

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

<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），现在它正在工作

Answer 1

你浮动链接吗？ 如果你这样做，它将不会封装整个图像。如果是这种情况，您可能希望在css中为链接提供widht和height。

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

Answer 2

您的代码运行正常。如果要将光标更改为图像，请在CSS中尝试;

.logo{
  cursor: pointer;
}