如何实现在<button>标签区域盘旋的时候里面的<a>标签字体仍变色!?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>sun</title>
<link rel="stylesheet" type="text/css" href="love sun.css">
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<button type="button" name="I AM"><a href="#"><h1>I AM</a></h1></button>
<button type="button" name="I ❤"><a href="#"><h1>I &nbsp&nbsp❤</a></h1></button>
<button type="button" name="I DR"><a href="#"><h1>I DR</a></h1></button>
<button type="button" name="I BO"><a href="C:\Users\龙\Desktop\public\sunibook.html"><h1>I BO</h1></a></button>
<button type="button" name="I PI"><a href="#"><h1>I &nbsp&nbspPI</a></h1></button>
<button type="button" name="I LI"><a href="#"><h1>I &nbsp&nbspLI</a></h1></button>
<div>
<div>
<img src="http://imgchr.com/images/1507231-7.jpg" width="100%">
</div>
<div>
<h2>懂得不多</h2>
<p>s ij ijo inoisdoi i nioej oi n noi oij oi om oii noi u oi ibiubuafhuicykyajbfue uy hneu ue nufizdyanujdi8euncya iniu hisj iuyuan hsug  uyu yudu idei n gie tjieydiudiya hi hoisui ishioa iuhefhiuaegfuhkaj hiufsnkjchjo eoifhiujifu ehfiencuihowofniuauivg </p>
<h3>efadjk</h3>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
</div>
<div></div>
</div>
<div>
<div></div>
<div>
<h3>efadjk</h3>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
<p>duiahincnavi uieidjomco  suijdiskd  uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p>
</div>
<div></div>
</div>
</body>
</html>


<!--为什么a 不能变色!!!!!!!!!!! -->
*{margin: 0;padding:0;}
body{width: 200%;height:100%}
a{color: #fff;text-decoration: none;}
a:hover{color: #dadada;text-decoration: none;}
button{display: block;height:16.67%;max-width:20%;min-width:20%;font-size: 20px;color: #fff;background-color: #539CEF;border:0;position: fixed;z-index:5;}
button:hover{background-color:#396FAD;color: #dadada}
h1,h2{line-height: 2em;margin-left:20px;}
p{line-height: 1.5em;margin-bottom: 0.5em;margin-left:20px}
.b1{top:0;}
.b2{top:16.67%;}
.b3{top:33.34%;}
.b4{bottom: 33.33%}
.b5{bottom: 16.67%;}
.b6{bottom: 0;}
.dt{position:absolute;top:0;border-bottom: 5px solid #539cef;width:200%;display:block;}
.dr{z-index: 4;position:absolute;right:-100%;border-left: 5px solid #539cef;height:100%;}
.dr2{z-index: 4;position:absolute;right:-10%;border: 1px solid #539cef;height:80%;margin:5% 0;}
.db{z-index: 4;position:absolute;bottom:0;border-top: 5px solid #539cef;width:200%;display:block;}
.right_b{width:87%;height: 90%;background-color: red;position: absolute;left:21.5%;top:5%;}
.right_b2{width:87%;height: 90%;background-color: green;position: absolute;left:111%;top:5%;}
.rbl{background-color: #f1f1f1;width: 15%;height: 100%;float: left}
	.rbl img{position:relative;top: 20%}
.rbm{background-color: #FDFEE4;width:70%;height: 100%;float: left;}
.rbr{background-color: #f1f1f1;width:15%;height: 100%;float: left;}

像这样子:

55bf363d0001cddd05000273.jpg变色

55bf363d0001659b05000276.jpg不变


redRibbon
浏览 1859回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP