所以我想知道這是否可能。 我有這個概念，我有一個小tilable紋理用作背景。它是否設置爲在x和y兩處重複。可能通過CSS做全屏透明漸變效果？
在我的Photoshop設計中，我剛剛在頂部添加了一層陰影圖層，從100％透明度降至40％灰色透明度。與背景圖像一起給出陰影的解析。現在，我試圖將陰影圖層保存爲PNG，但似乎我需要將它保存爲PNG-24，這會使png文件變大。
那麼，這可能嗎？我的意思是，使用xml或xaml，這將是一件輕而易舉的事情。我只是插入一個矩形，並添加一個頂部爲0％，底部爲40％的漸變，顏色爲黑色或其他。給我一個很好的衰落效果。但是這在HTML和CSS中是不可能的？
如果沒有示例，建議有點困難。你在其中一條評論中說，「我最初希望陰影在中間有點變化」 - 這是否意味着你現在有一個1500像素寬的圖像？
通常情況下最好是儘可能重複圖像，這樣你就可以有一個寬度爲1px的圖像，並在整個屏幕上重複顯示（這對於真正的寬屏幕也更好），然後在另一個「圖層」背景位置設置爲中間。
如果你的漸變不高於256px，你也可以減少顏色的數量。您也可以嘗試PNGcrush，這是減小PNG文件大小的好工具。
謝謝！我的意思是我最初希望影子在中間變化。因爲陰影應該模擬來自冰箱的陰影，而冰箱本身上面/前面有一個光源。但我想我將不得不嘗試更小的PNG圖像層:) – 2010-01-12 05:55:48
通常情況下，如果您正確理解您的解釋，您可以應用與在正常背景下重複滴陰影相同的概念。
只需將您的dropshadow切成寬度爲1px和漸變本身的全高。然後在X軸上使用dropshadow重複png圖像（css：background-repeat：repeat-x;）
希望這會有所幫助。 Jasper
是的，我知道。事情是，我原本希望影子在中間有點變化。但似乎這是不可能的，我猜。或者，我可以創建一個更小的PNG圖像，顏色更亮，並且居中？嗯，那可以工作。 – 2010-01-11 11:37:05
我不確定自己是否理解得很好，但萬一我不知道是否聽說過來自Microsoft的強大過濾器，您可以在其中創建漂亮的漸變。
如果您將此代碼粘貼到您想創建漸變的css上，您將看到結果。
過濾器：進程id：DXImageTransform.Microsoft.Gradient （GradientType = 1，StartColorStr = '＃000000'，EndColorStr = '＃0000FF'）
如果你想有一個完整的畫面，將此到身體標籤，如果你想這個爲div適用於div，我不記得是否你必須設置一個固定的高度或自動調整到高度。
然而，因爲它是微軟它僅適用於IE :-(。
我希望這有助於。
塞薩爾。
您可以在Firefox，Chrome和Safari瀏覽器直接應用背景梯度太但有一個竅門可以全屏顯示：http://richard.milewski.org/archives/1014 – 2011-03-15 18:43:08