使用CSS精灵和具有透明像素

重复-X背景，地位

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

该代码是没有意义的;有什么建议么？我想重复这一行的第一列。其他每行（40px）在那里为空（0px -240px）

2011-11-21 Chris P

嗨，你可以让一个jsfiddle，所以我们可以看到你想达到什么？干杯 –

我不确定这个问题是否合理。你能否包含你想要达成的目标？当你说'那段代码没有意义'时 - 你的意思是什么？你不明白它在做什么？ –

你发布了一些代码，并表示它“没有任何意义”。那么你为什么发布它？来自什么？你想要什么？尝试描述问题，而不是解决方案不起作用。 – jalf

如果您使用repeat-x作为背景位置，它将重复图像文件的整个宽度。因此，如果在40像素之后在精灵中有透明像素，那么实际上每隔40像素就会得到一些透明背景。

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

2011-11-21 23:36:13 Leo

回答