使用CSS Sprites和repeat-x background-position与透明像素

Chr*_*s P 3 css size height background-image

我正在问这个标题是什么......

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

那段代码毫无意义; 有什么建议?我想重复这一行的第一栏.每隔一行(40px)为空(0px -240px)

Leo*_*Leo 8

如果repeat-x用作背景位置,它将重复图像文件的整个宽度.因此,如果在40px之后你的精灵中有透明像素,那么每40px左右获得一些透明背景实际上是正常的.

您可以使重复模式采用整个精灵宽度,也可以将其放在单独的文件中.