html - Chrome 中的边界半径变化

Question

当我在包装 UL 的 DIV 上使用 border-radius 时，将链接悬停在 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 类下，您必须删除 position:relative。

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

我已经更新了相同的 here .你可以看看。 希望这会有所帮助。