我猜是你这个Adiv被其他东西盖住了,检查下页面的css吧。
是链接打不开,还是onclick没反应?前者应该是链接没了吧?
和页面文本一样,鼠标移上去没任何反应的那种
新建一个页面,把这个div放进去,看看里面的<a>是否有效
如果无效:检查你的<a>中的href或者onclick中是否有return false,或者js错误
如果有效:肯定是页面的css对你的这个div产生了影响,问题就集中到了查找并去掉这个影响
OK.用你的方法把这个DIV放到另外一个页面A标签有效果。那肯定是页面上的CSS的影响,一般CSS什么属性会对A标签有这样的影响呢?
@让手指在键盘上飞舞: z-index, position
@让手指在键盘上飞舞: 解决了,就是你第一种说的那个情况,我用position和z-index属性把这个div层放到最上面就解决了。大神啊~~~求QQ号;以后不懂的问你
@让手指在键盘上飞舞: 别这样
我的下面的代码也是左侧的连接错误,拜托什么问题啊???
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>This My First Web</title>
<meta charset="utf-8" />
<style>
.title {
border: 2px solid black;
position: fixed;
width: 1350px;
top: 0px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul a {
display: block;
width: 150px;
}
.index {
border: 2px solid black;
position: absolute;
top: 84px;
float: left;
height: 450px;
width: 150px;
}
.daohang {
font-size: large;
}
.backgrount {
background-image: url(1.jpg);
}
.main {
position: absolute;
float: right;
text-align: center;
border: 2px solid black;
height: 450px;
width: 1350px;
top: 84px;
}
.botton {
position: absolute;
border: 2px solid black;
width: 1350px;
height: 70px;
bottom: 0px;
}
</style>
</head>
<body class="backgrount">
<div>
<div class="title"><h1>    
<a href="http://wwww.baidu.com" target="_blank">HOME</a>
<a href="http://www.youku.com" target="_blank"> VIDOL</a>
<a href="http://image.baidu.com" target="_blank">PICTURE</a>
</h1>
</div>
<div class="index">
<ul>
<li class="daohang"><a href="http://www.baidu.com" target="_blank">css</a></li>
<li class="daohang"><a href="http://www.w3school.com.cn/html/index.asp" target="_blank">html</a></li>
<li class="daohang"><a href="http://www.w3school.com.cn/b.asp" target="_blank">javascript</a></li>
</ul>
</div>
<div class="main">
<p>this is main idear you think you are a good hero!!!</p>
<p>
Welcome to hello world! Now you will see a diffrient world,and a very cool netweb!!!
Ara you realdy to see the amaziding!!!
</p>
</div>
<div class="botton">
<p style="color:red;">
              © 版权所有归华庆责任有限公司 2016.05.13
</p>
</div>
</div>
</body>
</html>