CSS：底部有透明圖像的div

Div必須在頂部有一個純色，然後在底部應該是1px寬的透明圖像。（所以最後一下應該是，我有一個梯度，從上格的底部）當我把：

background: #fff url("../../images/bck1px.png") repeat-x scroll center bottom transparent;

白顏色顯示在透明圖像

我不得不這樣做在CSS2風格！

任何人都可以幫忙嗎？

2011-12-06 mikipero

職位上的jsfiddle – bravedick

這裏的jsfiddle鏈接：http://jsfiddle.net/komunca/Q2NCE/19/。我想在前面的div下推出漸變圖像！ – mikipero

這是一個鏈接...也許這就是你想要做的。

如果是的話，訣竅是使用圖像，並讓它在div底部對齊並水平重複。清楚的是確保推動你的容器div的底部。

好運

2011-12-06 17:58:13

但我的圖像是不同的，它是白色的頂部和透明的底部，這樣在css中定義的顏色將覆蓋圖像！（因爲它是透明的） – mikipero

好吧，也許這更像它..http：//jsfiddle.net/etienne_carre/GEkFn/13/ –

抱歉，我們如何刪除底部填充，並使用相同的圖像？（所以底部的文字背景是那個圖像）？ – mikipero

這並不完全清楚你問什麼 - 透明圖像是透明的，所以它不會創建漸變。

在您發佈的代碼中，您應用了白色背景色和圖像（background: #fff url...）。如果省略顏色（background: url...），則不應再變白。我不知道這是否能解決您的問題。

如果您可以發佈應用於<div>的所有CSS，那可能會有所幫助。

2011-12-06 10:29:31

這是鏈接jsfiddle.net/komunca/Q2NCE/19 – mikipero

如果有人曾經來到這裏，未來終於來了並且有更好的方法來做到這一點。

請參考一個CSS方法如下鏈接： Gradient opacity on the bottom of div

2016-05-31 16:08:18 Gonzalo

從[幫助中心]（http://stackoverflow.com/help/how-to-answer）：鼓勵與外部資源的鏈接，但請在鏈接的周圍添加上下文，以便您的同行用戶可以瞭解它是什麼是，爲什麼它在那裏。如果目標網站無法訪問或永久離線，請始終引用重要鏈接中最相關的部分。 – Adam

回答