Css 使用透明图像并重复

我有一个标签，并希望一个自定义的图像，以下划线部分的文字在标签上。我有3个图像，左图像为14px透明，然后是1像素宽的彩色图像，右图像与此相反，还有一个1px宽的图像重复

我发现中间的重复图像在左右图像的透明部分可见（基本上使透明部分多余）。这是不是有工作要做？我没有在网上找到任何东西，尽管这也是一个非常普通的搜索

我对图像使用以下css：

background-image:url(15pxRight.png), url(15pxLeft.png), url(1px.png); 
background-position: bottom right, bottom left, bottom center;
background-repeat:no-repeat, no-repeat, repeat-x;

---

我不想使用颜色，因为如果选择了“背景”选项卡，它会改变颜色。这是否可以修复？

如果您询问为什么第三个1px图像出现在其他两个背景图像的透明部分下面，那么答案是因为它被设置为

repeat-x

3个背景图像将“分层”在一起。不是并排设置的，这是我怀疑你认为他们会做的

---

因此，无论第三个图像有多小，如果将其设置为repeat-x，则它将覆盖其容器的整个宽度。即使它位于其他两个图像的“后面”，它也会显示“较高”层图像与较低层图像重叠的透明像素的位置。

您可以共享您的HTML吗？为什么你不能直接使用CSS来处理这个问题，并在颜色改变时为特定的颜色设置类呢？您是否考虑过设置：对于已更改的选项卡类，它可以在单击/激活时使用特定的背景色？嗨，Michael-这是一个更大框架的一部分，这就是为什么我没有包含html的原因-有大量的代码。我只是想剪掉我认为相关的部分。谢谢-你是对的。这就是我所希望的，它们将并排出现，而不是分层。我有一个解决办法，就是没有图像的透明部分。有没有关于人们通常如何让它发挥作用的建议？你所做的是相对奇怪的。但是，如果你需要做你正在做的事情，那么你可以在当前div的中心使用另一个div，但宽度要小，并在内部div中重复1px图像。谢谢-是的，是的，但是我正试图在受限环境中使某些东西看起来更好。感谢您的帮助，让我走上正确的道路。