背景圖像和線性漸變

我有一個背景圖像定位在右上角的div和餘數的背景顏色，是否可以使用線性漸變而不是顏色？背景圖像和線性漸變

2011-12-23 henryaaron

是的，可能的。您可以使用以下樣式定義：

background-image: url(/images/mybg.png) top right, linear-gradient(top, #444444, #999999);

此外，請參閱本文以瞭解跨瀏覽器兼容解決方案。

來源

2011-12-23 03:27:34 techfoobar

什麼崗位?????? – henryaaron 2011-12-23 04:12:06

哎呀！錯過了這一點。我已經複製了網址，但忘了粘貼它.. :)這是它︰http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-漸變 – techfoobar 2011-12-23 04:42:01

PS多個問號可能讓我看起來像是瘋了，但我不是，他們有必要添加該帖子... :) – henryaaron 2011-12-23 21:14:25

您還可以創建漸變位圖，剪切薄片並將其用作背景圖像。下面我比共混物的薄水平的圖像由左到右，其垂直重複：

style="width: 110px; background-image: url(BlendLeft.ico); 
       background-repeat: repeat-y;

來源

2011-12-23 03:59:42

背景圖像和線性漸變

回答

相關問題