css - 如何使用css裁剪图像的一部分

Question

我有以下背景图片

我如何仅使用 css 来使外环的 3/4 可见并可选择，如下所示:

我只能使用

使一个圆圈可见且可选择

a.outer-ring{
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;

但是我不知道如何移除内圆以及如何移除圆的 1/4(如披萨片)。

Answer 1

我不会全心全意地推荐它，但是 http://jsfiddle.net/csswizardry/QLrJj/1/ (更清晰:http://jsfiddle.net/csswizardry/QLrJj/)

编辑:我很喜欢这个想法；这是一个非常简洁的剔除效果 http://jsfiddle.net/csswizardry/QLrJj/8/show/基于此，我写了http://csswizardry.com/2011/11/create-a-notched-current-state-nav/

H