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

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

概述这是我的 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 这是我的 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元素中.然后,它将在其范围内的任何地方接受点击. 总结

以上是内存溢出为你收集整理的html – 使用display:block进行链接时IE的问题全部内容,希望文章能够帮你解决html – 使用display:block进行链接时IE的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1099247.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存