css - 使用具有透明像素的 CSS Sprites 和 repeat-x background-position

Question

我想问的是标题到底在说什么......

#submenu-outer{
    height:40px;
    background: #F0EFE2 url(/template/img/main/intro12.png) 0px -240px repeat-x;
    width:100%;
}

这段代码毫无意义；有什么建议么？ 我想重复这一行的第一列。 每隔一行(40px)在那里为空(0px -240px)

Answer 1

如果您使用 repeat-x 作为背景位置，它将重复图像文件的整个宽度。因此，如果您的 sprite 中有 40 像素后的透明像素，那么每隔 40 像素左右获得一些透明背景实际上是正常的。

你可以让你的重复模式占据整个 Sprite 宽度，或者把它放在一个单独的文件中。