Html 复合背景边界的奇异行为

看看这把小提琴，我能提供的最简单、最清晰的解释是：

在我正在工作的一个网站上，我正在围绕某些分区创建装饰性边框。为了创建效果，我将许多背景图像合成在一起，每个角一个，加上一个1px宽的平铺边缘块来创建边

三个中的两个完全按照预期工作。但是，由于某些原因，这一个边缘部分存在颜色问题-颜色与背景颜色不匹配。我已经在photoshop中对边缘片段进行了三次检查（这里有一个到一个供您下载并亲自查看），并且图像中的颜色是正确的

那么到底发生了什么

代码，因为SO不喜欢JSIDLE链接：

HTML

---

这似乎是你的照片（即使你说你已经检查过）。如果我在源位置查看您的图像，您的颜色问题就会出现

---

因此，我们非常欣赏fiddle链接，但它们不应该是唯一可以看到代表您问题的代码的地方。如果在未来的某个时候发生了什么事情，SO的未来用户应该能够从阅读您的问题中获得价值。为什么不设计一些透明的图像呢？然后可以将背景色更改为所需的任何颜色。这也防止了此类问题的发生。@Perpatim Fair point。@KingKing你知道，我不知道为什么我没有想到仅仅使用PNG的透明度。事实上，我喜欢。在这种情况下，你是对的，这将非常有效。但是你在这里看不到的另外两个边界要复杂得多，在div上网格化为纹理背景，所以透明度不是一个选项。说到这一点，我只是延续了这一趋势。不过下次我会记住你的想法，这是肯定的！把这个记为巫毒密码。我发誓我上传了这个，所以我下载了一个角和一行，并在photoshop中打开它们，检查每个像素的颜色保真度，它们是完美的#c00d13。因为我知道这是人们会做的第一件事。所以杜比娅·特伊夫。但不管怎样，我知道如何修正颜色保真度，所以我想我会这么做。我发誓，如果我发布了一些东西，事情会发生神奇的变化，或者在发布三分钟后答案变得非常清晰。为什么主显节不能出现在帖子之前？我想是给梅塔的。我以前也做过类似的事情，这些事情经常发生。很高兴我能帮忙。

<div id="about">
    <div class="deco_border">
         <h2>Why are those pinkish bars there?</h2>
    </div>
</div>

#about .deco_border {
    padding: 110px;
    background: url('http://web.fildred.com/images/about_border/NWcorner.jpg') no-repeat,
                url('http://web.fildred.com/images/about_border/SWcorner.jpg') left bottom no-repeat,
                url('http://web.fildred.com/images/about_border/SEcorner.jpg') right bottom no-repeat,
                url('http://web.fildred.com/images/about_border/NEcorner.jpg') right top no-repeat,
                url('http://web.fildred.com/images/about_border/Nborder.jpg') repeat-x,
                url('http://web.fildred.com/images/about_border/Wborder.jpg') repeat-y,
                url('http://web.fildred.com/images/about_border/Sborder.jpg') bottom repeat-x,
                url('http://web.fildred.com/images/about_border/Eborder.jpg') right repeat-y,
                #c00d13;
}