gpt4 book ai didi

html - 当光标位于 IE 中包含的文本上时,整个 div 的链接不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 22:34:27 29 4
gpt4 key购买 nike

我有this code for demonstration .它使我的链接分布在整个 div 上,这在 Firefox 中效果很好,但在 IE 中,当我将光标移到文本上时,它会更改为文本光标并且链接在那里不起作用...我尝试摆弄 z-index 但没有结果...有什么建议吗?

我需要用其他具有自己内容的 div 填充我的 div,所以

a style="display: block"

不是一个选项,我也想避免像

这样的 Javascript
onclick="location.href=

最佳答案

我有一个解决方案给你。在 HTML5 中,使用 <div> 是有效的在 <a> 的内部标签。但是因为你不能改变你的语言而且 HTML4.01 不允许 <a> 中的 block 元素。我会建议伪造它。我的意思是使用 <span><a> 里面改为标记并将它们设置为 <div> .这是一个工作示例:http://jsfiddle.net/DzpjT/11/

HTML:

<body>
<a href="http://www.google.com">
<span class="fakediv">Annoying text la lallalalalalalalalal</span>
<span class="fakediv">Annoying text la lallalalalalalalalal</span>
</a>
</body>

CSS:

a{
display: block;
width:700px;
height:500px;
margin: 10px;
background-color: lightblue;
color: black;
text-decoration: none;
}
span.fakediv{
float:left;
clear: both;
display: block;
margin: 10px 20px;
cursor: pointer;
}

关于html - 当光标位于 IE 中包含的文本上时,整个 div 的链接不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6681185/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com