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

时间:2011-11-21 22:20:32

标签: css size height background-image

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

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

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

1 个答案:

答案 0 :(得分:8)

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

你可以让你的重复模式占用整个精灵宽度,或者把它放在一个单独的文件中。