css - Chrome 中的错误或糟糕的 CSS？ (隐藏可见性的 anchor )

Question

在任何 HTML 中测试这个简单的行:

<a href="anything"><span style="visibility:hidden;">insible text here</span></a>

(你可以直接从这里测试它:http://jsfiddle.net/wqS3E/)

在Firefox和IE中可以点击链接(更可以看到默认的下划线装饰)。
但在 Chrome (v 13.0.782.220) 中无法点击/查看链接。

这是 Chrome 中的错误还是我的 CSS 不正确？

我有一个 <li>带有背景图片的元素，还有一些 <li>是链接，我希望能够单击这些链接，但我不希望它们可见，因为我想在 <li> 中显示背景图像(而且我不想破坏 HTML 标记)，所以这就是我所拥有的:

<ul>
    <li>
       <a href="link"><span class="invisible">some text</span></a>
    </li>
    ...
</ul>

.invisible {
   visibility:hidden;
}

Answer 1

我不确定 <a> 中不可见内容的标准行为.

但是，我注意到设置 display到 block或 inline-block使链接在 Chrome 中可点击。不确定其他浏览器，但如果它们已经显示它，那应该不会破坏它。