“CSS -Gradient” + “Background-Image” = Problem in Chrome

This blog post has been published on 2014-02-16 and may be out of date.

Falls jemand in der aktuellen Version von Chrome (v32) auch folgenden Fehler hat, kommt hier die Lösung …

 

Problem:

background: url('../images/sprites.png') right -204px no-repeat, linear-gradient(to bottom,#d3d3d3 0%,#ffffff 100%);

 


See the Pen HcjCo by Lars Moelleken (@voku) on CodePen.
1

 

fixed:

background-image: url('../images/sprites.png'), linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); 
background-repeat: no-repeat;
background-position: right -204px, 0 0;

 


See the Pen gDGFl by Lars Moelleken (@voku) on CodePen.
1

 

Published by

voku

Lars Moelleken | Ich bin root, ich darf das!

%d bloggers like this: