大哥们,为什么改变display之后一行都能点?
<html><head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function Show_Hidden(obj) {
if (obj.style.display == "block") {
obj.style.display = 'none';
}
else {
obj.style.display = 'block';
}
}
</script>
<style>
body{color:rgb(0, 0, 0);}
</style>
</head>
<body>
<a href="" id="link1" >一 1<br><br></a>
<a href="" id="link3" style="display:block" >三 3<br><br></a>
<div id="link4" style="display:none">
四 4<br><br>
</div>
<script type="text/javascript">
window.onload = function () {
document.body.style.backgroundColor="black";
var link1 = document.getElementById("link1");
link1.style.color="white";
var link3 = document.getElementById("link3");
link3.style.backgroundColor="white";
var link4 = document.getElementById("link4");
link4.style.backgroundColor="white";
link1.onclick = function () {
Show_Hidden(link3);
return false;
}
link3.onclick = function () {
Show_Hidden(link4);
return false;
}
}
</script>
</body>
</html>
这里那个 herf 三 3 不写display时背景时只有文本的部分可以点击,直接写display状态,一整行就都可以点击了,加白色背景时为了显示herf的范围..但是就算不写display 的style,我的herf 一 1,点击就会改 herf 三 3 的display状态,然后又是一行都可以点,请问为什么会这样,应该怎么解决?我试了overflow,但是没解决这个问题..
