爲背景圖像漸變精心製作css

我是夥計。這可能更像是一個設計問題，但我認爲如果有人有一些我可以使用的CSS技巧，我會給它一個提示。如果不是的話，我會支持自己進行低投票的攻擊，並且不會說！爲背景圖像漸變精心製作css

你可以看到這裏的logo holder有一個很好的漸變背景圖片，顯然是半透明的。我的客戶正在尋找頂部和右側的漸變。任何想法如何我可以做到這一點？

alt text http://www.linkhostmedia.com/blog/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-4.31.45-PM.png

在此先感謝。

2010-01-28 jay

最明顯的解決方案是使用部分透明的圖像作爲container-div的背景圖像。

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }

來源

2010-01-28 21:49:54

你看到我面對的問題，雖然正確嗎？在頂部左側，向上褪色並不是什麼大事。有幾種方法可以解決這個問題。但是，當你接近正確的時候，把它融合起來並且變得棘手。 CSS的支持，我甚至不知道如何從設計的角度來完成這個任務。 – jay 2010-01-28 21:53:28

嗯，不;我不認爲我這樣做。從你的評論，我想你想要一個從右下角開始的漸變？只需創建一個具有alpha通道透明度的圖像並將其放置在css中即可。我錯過了什麼嗎？這不*看起來*很難... =/ – 2010-01-28 21:57:29

@jeerose：從圖形的角度來看，你必須在左側 - 右側淡出自己的不透明蒙版。這實際上很容易在Fireworks，Photoshop或Illustrator中完成。現在它看起來像我這個東西可以是一個靜態寬度，也可能是一個靜態高度，所以我不知道是什麼給你的問題......是否添加該漸變禁止背景 - 重複一個方向，你需要什麼？ – prodigitalson 2010-01-28 22:03:17

爲背景圖像漸變精心製作css

回答

相關問題