背景重复模糊图片的颜色？答案

【问题标题】：Background-repeat bluring the color of picture?背景重复模糊图片的颜色？
【发布时间】：2013-09-26 23:13:38
【问题描述】：

我目前正在尝试设计一些号召性用语按钮，我已经制作了一个动态宽度按钮，它由一个左右容器构建，然后是一个包含所有文本的中间容器。

中间的图片是 50 px 并且在重复。

我的问题是，当图片 50px（并且背景图片正在重复）时，绿色似乎发生了变化。

有谁知道我做错了什么？

这是显示问题的两张图片：

编辑：

我是这样做的：

<a href="#">
    <div class="left"></div>
    <div class="middle">Link text here</div>
    <div class="right"></div>
</a>

我在 .left 和 .right 中的背景没有重复。我的背景图片仅在溢出时重复-当它溢出时，图片变为绿色。 :-)

【问题讨论】：

【解决方案1】：

你没有做错任何事。这是因为图像拉伸它模糊，而是尝试在具有适当背景颜色的 div 中根据需要使用 png 图像

这是一个例子

这是一个简单的html

<div class="cont">
<img src="http://www.iconsdb.com/icons/preview/moth-green/right-circular-xxl.png" class="img"/>

如果您有任何疑问，请告诉我

【讨论】：

他正在使用背景图像并使用背景重复（显然），因此中心图像根本不会拉伸。这就是为什么我们需要查看 JSFiddle 来实际检查发生了什么。
如果你比较这两张图片，你就会明白他所说的是哪种拉伸和模糊。在图像的情况下很明显。
我可以看到他提供的图像，但我不知道他如何处理实际的背景图像。如果他说他正在使用 bg-repeat 那么他们根本不会伸展。这就是为什么我们需要调整他正在使用的实际图像/
我添加了我的 HTML 示例以及我如何处理重复。希望对您有所帮助。
为了让你的事情变得轻松，这是工作jsfiddle.net/hpZF9检查你的代码。如果可能的话，请提供 css