Chrome中的边界半径更改

Question

当我在包裹UL的DIV上使用边界半径时，将鼠标悬停在UL内部的链接之后，我失去了Chrome的半径。

<div class="menu">
<div class="middle">
    <ul class="bmenu">
        <li><a href="#home"/>Home</a></li>
        <li><a href="#cv"/>CV</a></li>
        <li><a href="#projects"/>Projects</a></li>
        <li><a href="#contact"/>Contact</a></li>
    </ul>
</div>
</div>

这是示例： http : //jsfiddle.net/TYgP6/

有人可以帮忙吗？

Answer 1

.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    width:100%; 
height:60px;    
    color:#000;
    border-top-left-radius: 10px;   
    border-top-right-radius: 10px;  

}
尝试将此代码替换为.bmenu 。您.bmenu相对于.bmenu位置删除了。

Answer 2

为Webkit前缀CSS属性-webkit-border-radius:10px 10px 0 0; -那应该解决。

Answer 3

在bmenu类下，您必须删除position：relative。

.bmenu{/*position:relative;*/}

我在这里更新了相同的内容。 你可以看看 希望这可以帮助。