如果包装i标签，链接将无法正常工作

Question

为什么我的链接不能正常，如果它有一个孩子的元素？这个问题有方法解决吗？我找到了这个：When I wrap contents in an <a> tag, the link doesn't work in IE, help? 它建议使用div而不是锚标签，但我想坚持使用默认的浏览器功能，并且不想为此编写脚本。

<td class="pointer">
            <a href="{{ URL::to('admin/user/' . $user->user_id) }}"><i class="icons foundicon-unlock"></i></a>
        </td>

Answer 1

它不适用于IE或所有浏览器，因为它适用于我

Demo

如果您愿意，可以从<i>元素

中取出<a>个标签

Demo 2

HTML

<i><a href="www.google.com">Google</a></i> <!--Tested on IE 7,8,9 and obviously on firefox-->

我怀疑你的href属性，只是确定你得到的是什么来源，并且你在<a>标签之间没有文字，假设你正在使用某些图像

Answer 2

发布的代码会创建一个a元素，其中i元素作为内容，后者没有内容，因此我们可以说它是一个空链接。它是否有效是一个定义问题。谷歌将遵循它，用户可能能够专注于它并通过点击Enter来关注它。但是没有任何可点击的东西，所以人们通常不会看到任何链接。这不依赖于内部i元素。通过使用包含空内容的a元素，您可以获得相同的结果。

但是使用的类名表明你希望某些样式表格式化空链接，使其看起来像一个链接，大概是使用背景图像。并且可能是代码依赖于对标记的特定期望，并且您对i的使用可能无法满足它们。

请参阅您正在使用的CSS（或JavaScript？）代码的文档。如果问题仍然存在，请发布所有相关代码并确定您找到代码的位置。