CSS: Div с прозрачным изображением внизу

Question

У меня следующая ситуация:

Div должен иметь сплошной цвет сверху, а затем внизу у вас должно быть прозрачное изображение шириной 1px. (Итоговый взгляд должен быть таким, что у меня есть градиент сверху вниз в div) Когда я положил:

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

белый цвет отображается поверх прозрачного изображения

Я должен сделать это в стиле CSS2!

Кто-нибудь может помочь?

Answer 1

Вот ссылка ... может быть, это то, что вы хотите сделать.

Если да, то хитрость заключается в том, чтобы использовать изображение и выровнять его в нижней части элемента div и повторить по горизонтали. Ясно, что нужно нажать на нижнюю часть контейнера div.

http://jsfiddle.net/etienne_carre/GEkFn/

Удачи

Answer 2

Если кто-то когда-либо прибудет сюда, будущее, наконец, наступило, и есть лучшие способы сделать это.

Пожалуйста, обратитесь к следующим ссылкам для метода CSS: Непрозрачность градиента внизу div

Answer 3

Не совсем понятно, о чем вы спрашиваете - прозрачное изображение прозрачно, поэтому не будет создавать градиент.

В опубликованном вами коде вы применили белый цвет фона и изображение (background: #fff url...). Если вы пропустите цвет (background: url...), вы больше не должны становиться белым. Я не знаю, решит ли это вашу проблему.

Если бы вы могли опубликовать все CSS, примененные к <div>, это могло бы помочь.