如何使用css代码扩展链接区域

Question

我有一个建在Joomla的网站 我的子菜单链接有问题， 我想用css来消耗命中区域（像flash按钮中的这个选项） 那可能吗？ 这是我现在的代码： （集合是打开子菜单的主要按钮，其中包含我遇到问题的链接）

#collections {
display:block;
margin:20px 0 180px 30px;
}
#collections ul {
 margin: 0;

 list-style:none;
 }
#collections ul li{
 display:inline;
 padding: 0 10px 0 0;
 font-size: 13px;
 color: #6cabe7;

}
#collections ul.menu li a span{
 color: #543019;
}
#collections ul.menu li.active a span{
 color: #6cabe7;
}
#collections ul li a:link, #collections ul li a:visited {
 color: #6cabe7;
 text-decoration:none;
}
#collections ul li a:hover {
 color: #6cabe7;
}
#collections .moduletable h3 {
 color: #6cabe7;
 font-size:16px;
 margin-bottom:9px;
}

怎么办？ 谢谢:)）

Answer 1

而是心灵感应。

collections ul.menu li a {padding:10px;}

修改

在您的情况下，“褪色”问题可以通过

解决

collections ul.menu li a {position:relative;z-index:99}

但它很快又脏。最好调试它发生的原因。