html - 使用对背景有影响的图像作为网站的标题

Question

我正在尝试使用图像作为网站的标题。问题是它的背景会发光，所以当我把它放在网站上时，尽管网站的整个背景颜色相似，但它看起来不合适。有什么解决办法吗？

jsfiddle - http://jsfiddle.net/sqbkcg6r/5/

<header>
    <img src="http://i.imgur.com/Izahu1c.png">
</header




body{
    background-color:#e7d2c9;
}

Answer 1

如果我对问题的理解正确，你可以尝试使用渐变作为背景来匹配它，可能需要一些时间才能让它恰到好处..我使用 http://www.colorzilla.com/gradient-editor/用于快速渐变。或者你可以尝试使用 rgba 来处理不透明度。仍然不确定你到底要做什么。

<header>
    <img src="http://i.imgur.com/Izahu1c.png">
</header>


body {
    background-color: rgba(231, 210, 201, .5);
}