Question

是否可以使用剪辑属性创建包含图像项目符号的HTML列表？我一直试图让它发挥作用，但我似乎无法做到这一点。

我将不胜感激。

这是我最初的HTML代码：

<div class="my-clip-list">
<ul>
   <li class="one">One</li>
   <li class="two">Two</li>
   <li class="three">Three</li>
</ul>
</div>

我最初的CSS：

.my-clip-list {position: relative;}
.my-clip-list ul {position: absolute;}
.my-clip-list ul li {line-height: 24px; content:url([url_of_sprite]);}
.my-clip-list ul li.one {clip: rect(top right bottom left)}
.my-clip-list ul li.two {clip: rect(top right bottom left)}
.my-clip-list ul li.three {clip: rect(top right bottom left)}

我做了这个，但它似乎没有起作用。请注意，我已经为剪辑属性添加了通用信息，在我的实际CSS中我有真实的像素值。这只是为了说明我在做什么。

如果可以，请提供帮助。

感谢。

Answer 1

可能是因为李物品本身不是“绝对的”，只是UL？只需从文档/参考文献中猜测。

带有图像项目符号的HTML列表使用剪辑属性

1 个答案: