Gat*_*per 3 html css internet-explorer
我有这个代码用于演示.它使我的链接遍布整个div,这在Firefox中运行良好,但在IE中,当我将光标移动到文本上时,它会更改为文本光标并且链接在那里不起作用...我尝试摆弄z-index但没有结果...任何建议？
我需要用自己的内容填充我的div与其他div,所以
a style="display: block"
不是一个选项,我也想避免像Javascript一样
onclick="location.href=
我有一个解决方案给你.在HTML5中,使用标签<div>内部是有效的<a>.但由于你不能改变你的语言,HTML4.01不允许块内的元素,<a>我建议伪造它.我的意思是使用标签<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;
}