Question

我在1号上创建了一个链接，它有自己的宽度和高度，所以它涵盖了所有的A，B，D，E字母（所有的li都是可链接的）。

示例图片：http://i.imgur.com/anuoGnJ.jpg

我不能做的是将背景悬停效果放在A，B，D，E字母上，因为1号上的链接覆盖了所有字母的高度和宽度。

有没有办法实现这个目标？我必须限制只使用一个链接。

提前多多感谢。

我的代码是：

HTML：

<span class="one"><a href="#">1</a></span> <span class="two">2</span>
<ul>
<li>
<span class="letter">A</span> <span class="letter">B</span> 
</li>

<li>
<span class="letter">D</span> <span class="letter">E</span>
</li>
</ul>

CSS：

.one {float:left;}
.one a {float:left;position:relative;width:100px;height:60px;display:block;}
.letter {float:left;color:#000;}
.letter:hover {background:#ff0000;}

Answer 1

好的，就是这样。 http://jsfiddle.net/HECKM/3/

jQuery将获取.ONE href属性值并应用于UL内的LI。

$(document).ready(function(){

    var url = $('.one a').attr('href');

    $('ul.test li').click(function(){
        window.location = url;
    });
});

准备好您的使用。

氰

如何仅使用一个固定链接悬停多个元素

1 个答案: