小编Ben*_*een的帖子

边界半径有点问题.我已经成功地完成了我的矩形,但是我遇到了将我放在它上面的悬停的问题.您将在圆角矩形的顶角和底角看到悬停本身不是圆角的,实际上是一个矩形.我试过围绕它,但它也围绕中心.我知道这可能没有意义,但你会明白这里:http://jsfiddle.net/hCg3J/

我想做的就是让每个选择突出显示整个区域,而不是突出.

HTML:

<ul class="pageitem">
    <li class="list" style="border-top:none;"><a href="iphone4.html";><span class="name">iPhone 4/4S</span><div class="arrow"></div></a></li>
    <li class="list"><a href="iphone3.html";><span class="name">iPhone 3G/3GS</span><div class="arrow"></div></a></li>
    <li class="list"><a href="ipod.html";><span class="name">iPod Touch</span><div class="arrow"></div></a></li>
</ul>

CSS

.pageitem {
    -webkit-border-radius: 8px;
    behavior: url(/border-radius.htc);
    border-radius: 8px;
    position:relative;
    zoom: 1;
    -moz-border-radius: 8em;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: #878787 solid 1px;
    font-size: 12pt;
    overflow: hidden;
    padding: 0;
    height: auto;
    width: auto;
    margin: 3px 9px 17px;
    list-style: none
}