Question

在不使用图像的情况下,如何把文字放在一片背景形象的顶端?

我知道有人将来到这里,并告诉我,为什么我应该使用一种形象,但不能这样做?

任何建议都将受到高度赞赏。

Answer 1

你们必须把四分五裂与另一个元素(最好是伪装)相隔,并且有背景梯度,与你的亲子相匹配。

假设你的背景是黑色的,你会这样做:

div {
    position: relative;
}
div:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
    content:   ;
    position: absolute;
    width: 100%;
    height: 50px;
}

http://jsfiddle.net/SFYrg/“rel=“nofollow” http://jsfiddle.net/SFYrg/。

你显然必须增加所有供应商的预设条件。

Answer 2

如果你不想使用图像,那么你可以使用梯度,而用满舱面的iv子。

http://www.colorzilla.com/gradient-editor/“rel=“nofollow” http://www.colorzilla.com/gradient-editor/。迅速形成你的梯度,所有浏览器都有特定预兆。

Answer 3

  $("myElement").fadeOut("slow");

将案文装入某种集装箱,并用 j子 out。你们不需要任何图像。

友情链接