<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页标题</title>
<style>
body{
width: 100%;
height: 100%;
}
.div1, div2{
position: fixed;
width: 100%;
height: 100%;
}
a{
color: #000000;
}
a:hover{
color: #808080;
}
</style>
</head>
<body>
<div class="div1">
<a href="about:blank">链接</a>
</div>
<div class="div2">
<p>----------------文字</p>
</div>
</body>
</html>
a:hover不生效，删除div.div2就生效了。
如何达到：不删除或隐藏div.div2，也能让div.div1中的a:hover生效？
