如何使用css裁剪图像的某些部分

我有下面的背景图片

如何仅使用css使外圈的3/4可见并可选择，如下所示：

我只能使用

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

---

然而，我不知道如何去除一个内圈，以及如何去除其中1/4的部分（比如比萨饼片）。

我完全不推荐它，但是（更清楚：）

编辑：我很喜欢这个想法；这是我写的一个非常简洁的击倒效果

---

是的，你可以用纯css实现这一点。检查这个

---

说句公道话，这取决于你在用它做什么，但出于风格的目的，空元素对我来说是个禁忌。如果对你有用的话，请随意使用该代码：）谢谢你，但是当我使用

.ring:hover{cursor:pointer}

时，它会选择整个圆圈，而不是外圈。有没有办法只选择外环？嗯……我看不出这是可行的，因为环的视觉和实际边界是两个不同的区域：（我需要这个来处理背景图像，这样只有图像的外环是可选择的。