CSS:底部带有透明图像的Div

时间:2011-12-06 10:09:30

标签: css transparent

我有以下情况:

Div必须在顶部有一个纯色,然后在底部你应该是1px宽的透明图像。 (所以最后看起来应该是我从div的顶部到底部有一个渐变) 当我把:

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

在透明图像上显示白色

我必须用CSS2风格做这个!

有人可以帮忙吗?

3 个答案:

答案 0 :(得分:1)

这是一个链接......也许这就是你想要做的。

如果是,则诀窍是使用图像并使其在div的底部对齐并水平重复。明确是要确保推动容器div的底部。

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

祝你好运

答案 1 :(得分:0)

您所要求的并不完全清楚 - 透明图像是透明的,因此不会创建渐变。

在您发布的代码中,您应用了白色背景颜色和图像(background: #fff url...)。如果你遗漏了颜色(background: url...),你就不应该再变白了。我不知道这是否能解决你的问题。

如果您可以发布应用于<div>的所有CSS,那可能会有所帮助。

答案 2 :(得分:0)

如果有人来到这里,未来终于来了,有更好的方法去做。

有关CSS方法,请参阅以下链接: Gradient opacity on the bottom of div