gpt4 book ai didi

html - CSS:2张图片相互叠加,在两张图片上放置链接

转载 作者:行者123 更新时间:2023-11-28 11:27:34 26 4
gpt4 key购买 nike

我试图在两张图片上添加相同的链接,这是因为我有一个边框框,里面有一个主页按钮,两者都是图片,主页图片位于边框之上。

现在只有边框有链接,所以当我点击它时,你必须避开主页图标图像,因为它不会做任何事情,然后按下边框。

我想让两张图片转到同一个链接。这是代码:

#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>

最佳答案

既然 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>

关于html - CSS:2张图片相互叠加,在两张图片上放置链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21292109/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com