我有一个标签，并希望自定义图像为标签中的部分文字加下划线。我有3张图像，左图像透明为14像素，然后是1像素宽的颜色，右图像与此相反，以及1像素宽的图像重复。
我发现中间重复图像在左右图像的透明部分可见（基本上使透明部分冗余）。这是一个解决问题的方法吗？我没有在网上找到任何东西，虽然它也是一个非常通用的搜索。
我使用以下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;
我不想使用颜色，因为背景选项卡会在选中时更改颜色。这有可能解决吗？
答案 0 :(得分：0)
如果您问为什么第3张1px图像出现在其他两张背景图片的透明部分下方，那么答案是因为它设置为repeat-x。
3张背景图片将“层叠”在一起。不是并排设置，这是我怀疑你认为他们会做的。
所以无论第三张图像有多小，如果它设置为repeat-x，那么它将覆盖其容器的整个宽度。即使它将“落后”其他两个图像，它也会显示“较高”图层图像具有与较低图像重叠的透明像素。