我在这里上传了我的页面，以便您可以清楚地看到我指的是：
http://www.emmasteed.co.uk/new/
菜单部分工作正常，它是底部的较大按钮图标：作品集，取得联系和关于我。
正如您将在代码中看到的那样，我已对这些图像进行了超链接，但是当我将鼠标悬停在这些图像上或尝试单击它们时，什么也没有发生。我究竟做错了什么？这真让我抓狂！
<div class="largemenubutton"><a href="portfolio.html"><img src="images/portfolio.png" alt="Portfolio" border="0" /></a></div>
<div class="largemenubutton"><a href="contact.html"><img src="images/getintouch.png" alt="Contact me!" border="0" /></a></div>
<div class="largemenubutton"><a href="aboutme.html"><img src="images/aboutme.png" alt="About" border="0" /></a></div>
.largemenubutton {
width:283px;
height:259px;
margin-top:20px;
float:left;
display:block;
text-align:center;
}
在此处删除z-index -1：
.mainimage {
z-index: -1;
}
为了保持阴影，请执行以下操作：
<div class="header">
<div class="container">
删除mainhome宽度并应用于CSS中的容器：
.container {
width: 850px;
}
还可以使用该容器以相同的方式包装网站的主要内容。
然后是投影（根据需要自定义）：
.header {
box-shadow: 0 0 0 10px black;
}
这是代表或多或少的小提琴：http : //jsfiddle.net/9q7PX/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句