css - 如何链接到 Compass 在后台创建的 sprite 文件本身 : url() property?

Question

我有一个由 Compass 创建的 Sprite 文件。那个 Sprite 文件中有一个图像。我有一个带有 background: url() 属性的元素。 Compass 中是否有一些特殊的助手可以在 url() 中引用 Sprite 文件？

这是一个例子:

        a {
            text-transform: uppercase;
            color: #FFF;
        }
        a:before {
            content: '';
            display: block;
            position: absolute;
            height: 20px;
            width: 24px;
            left: 9px;
            top: 18px;
            background: url("HOW TO GET SPRITE FILE HERE?") no-repeat scroll -55px 0 transparent;
        }

Answer 1

我不确定你是如何生成 Sprite 的，但你应该能够使用 sprite-url($map) 来获取 url。根据您生成 Sprite 的方式，还有其他几种方法可以处理它。这是 sprite-url 文档的链接，如果您在页面上向上滚动，它将为您提供其他生成 Sprite 并输出必要 url 的方法:http://compass-style.org/reference/compass/helpers/sprites/#sprite-url