<img> 标记内的标记<a>仅适用于 IE



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

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

此代码在IE中工作正常,它的行为符合预期。但是,该图像在FireFox,Chrome,Opera和Safari中不可点击。

知道为什么吗?谢谢,安东

编辑:好的伙计们,谢谢你的回答。我已经删除了我的 css 类(浮点数:左和显示:块),现在它正在工作

你浮动链接吗?如果这样做,它将不会封装整个映像。如果是这种情况,您可能希望在 CSS 中为您的链接提供 widht 和高度。

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

您的代码工作正常。如果要更改图像上的光标,请在CSS中尝试此操作;

.logo{
  cursor: pointer;
}

最新更新