html – 使用display:block进行链接时IE的问题

前端之家收集整理的这篇文章主要介绍了html – 使用display:block进行链接时IE的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的 HTML
<div id="links">
  <a href="">Link 1</a>
  <a href="">Link 2</a>
  <a href="">Link 3</a>
  <a href="">Link 4</a>
</div>

这些是CSS样式:

#links {
    position: absolute;
    border: 1px solid #000;
}

#links a {
    display: block;
}

#links a:hover {
    background-color: #CCC;
}

显示链接列表,问题是在IE中,我只能通过直接单击文本链接点击链接,而不是其他浏览器(在任何地方,无论是文本链接还是其他任何地方)因为它在链接块),是否有任何修复(只有CSS,没有javascript)?

请注意,我不想指定链接或div的宽度.

解决方法

链接文本括在span元素中.然后,它将在其范围内的任何地方接受点击.
原文链接:https://www.f2er.com/html/230486.html

猜你在找的HTML相关文章