背景重复模糊图片的颜色

Question

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

中间的图片是 50 像素并且重复。

我的问题是，当图片<=50px时，背景图片中的绿色看起来是正确的。当它>50px（并且背景图片重复）时，绿色似乎会发生变化。

有谁知道我做错了什么？

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

模糊的那个：http://d.pr/i/fz2b

正确的是：http://d.pr/i/cjgp

编辑：

我这样做如下：

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

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

Answer 1

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

下面是一个示例

小提琴

这是一个简单的 html

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

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