我试图在两个图像上添加相同的链接,这是因为我有一个边框的东西,其中有一个主页按钮,两个都是图像,主图像分层在边框的顶部。
现在只有边框有一个链接,所以当我点击它时,你必须避开主页图标图像,因为它什么都不做,然后按边框。
我想让两张图片都转到同一个链接。这是代码:
#pageTop > #pageTopWrap > #select {
background: url(../img/style/selection_bg.png) no-repeat bottom;
width: 89px;
height: 40px;
position: absolute;
bottom: -1px;
}
#pageTop > #pageTopWrap > #select:hover {
background: url(../img/style/selection_bg_hover.png) no-repeat bottom;
}
#pageTop > #pageTopWrap > #home {
background: url(../img/icons/home_icon.png) no-repeat;
width: 32px;
height: 26px;
float:left;
margin-top: 50px;
margin-left: 27px;
position:relative;
bottom: 0px;
}
<div id="pageTop"> <a href="http://www.google.com/" title="base" id="logo"></a>
<div id="pageTopWrap"> <a href="http://www.google.com/" title="Go to home" id="select"></a>
<div id="home">
</div>
</div>
</div>
答案 0 :(得分:0)
由于2链接到同一个地方,为什么不用1个链接包装所有内容
<div id="pageTop">
<a href="http://www.google.com/" title="base" id="logo">
<div id="pageTopWrap">
<div id="home"></div>
</div>
</a>
</div>