CSS background-size:cover getting blurry and dull in Chrome
<p>I've had this feeling more often that images set as background-size:cover (on a div) don't look sharp and crispy in Google Chrome.</p>

<p>Here's the CSS I use.</p>

<pre><code>.slide {
    width:1280px;
    height:400px;
    background-image:url(background.jpg);
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position:center center;
    background-repeat:no-repeat;    
}
</code></pre>

<p>View live example here: <a href="http://www.wovenplus.com/test/" rel="noreferrer">http://www.wovenplus.com/test/</a></p>

<p>Just compare the above link in Chrome and IE. In my case in Chrome the image looks blurry and dull and in IE it looks sharp and crispy. (take a close look on the leaves or top of the cusions, or switch between Chrome and IE window to see the difference).</p>

<p>Anyone noticed this also? Any solution for this?</p>