1

在我的导航栏中,我目前正在将短语“退出”链接到 signout_path:

    <li><%= link_to "Sign out", signout_path, :method => :delete %></li>

如何使 li 标签的整个区域成为一个链接,以便当我单击渐变区域中的任意位置时,它会链接到 home?

悬停在 li 区域的 CSS:

     ul.TabNav li:hover {
     background:#666;
     cursor:pointer;
        }

谢谢!:)

4

2 回答 2

4

在你的 CSS 中试试这个:

ul.TabNav li a {
  display: block;
}

如果这不会破坏您的布局,它应该使链接填满li标签中的可用空间,使其全部可点击。

于 2012-04-12T19:53:33.997 回答
1

您需要向 a 元素添加填充,然后填充中的任何内容都将是可点击的。

ul.TabNav li a {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}

或者,正如迈克尔所说,让它显示:例如阻止

http://jsfiddle.net/MrFdY/3/

于 2012-04-12T19:53:42.513 回答