Question

我有一个由Compass创建的精灵文件。并且该精灵文件中有一个图像。我有一个background: url()属性的元素。 Compass中是否有一些特殊帮助程序允许引用url()中的精灵文件？

以下是一个例子：

        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-url($map)来获取网址。根据您生成精灵的方式，还有其他几种方法可以处理它。这里是sprite-url文档的链接，如果你在页面上向上滚动，它会为你提供生成精灵的其他方法并输出必要的url：http://compass-style.org/reference/compass/helpers/sprites/#sprite-url

如何在后台创建由Compass创建的精灵文件本身的链接：url（）属性？

1 个答案: