將css3漸變與背景圖像結合起來

我使用這個reference來完成這項工作。但它似乎並沒有這樣做。我錯過了什麼？我只需要另一雙眼睛就可以了。謝謝。將css3漸變與背景圖像結合起來

背景圖像顯示，但不是漸變。這裏有一個fiddle向你展示我的意思。

我在做什麼錯？

background: #23458E; 
    background-image: url('/static/images/grey.png'); /* fallback */ 
    background-image: url('/static/images/grey.png'), -webkit-gradient(linear, left top, left bottom, from(#23458E), to(#2661A8)); /* Saf4+, Chrome */ 
    background-image: url('/static/images/grey.png'), -webkit-linear-gradient(top, #23458E, #2661A8); /* Chrome 10+, Saf5.1+ */ 
    background-image: url('/static/images/grey.png'), -moz-linear-gradient(top, #23458E, #2661A8); /* FF3.6+ */ 
    background-image: url('/static/images/grey.png'),  -ms-linear-gradient(top, #23458E, #2661A8); /* IE10 */ 
    background-image: url('/static/images/grey.png'),  -o-linear-gradient(top, #23458E, #2661A8); /* Opera 11.10+ */ 
    background-image: url('/static/images/grey.png'),   linear-gradient(top, #23458E, #2661A8); /* W3C */

來源

2013-05-15 Modelesq

看看這個：http://stackoverflow.com/questions/16450039/multiple-backgrounds-on-body/16450098#16450098 – Arbel

圖像是完全不透明的，因此它是在漸變之前指定的，因此它會覆蓋漸變。

您的圖像和漸變都是完全不透明的，所以目前還不清楚你想要用它們完成什麼。解決您的問題是目前我能提供的最好解決方案。

來源

2013-05-15 19:48:02 BoltClock

將css3漸變與背景圖像結合起來

回答

相關問題