Question

我的网站上有一个国际奥协。它的宽度约为300帕克斯,宽度约为200吨(但约有1,000+px吨。

国际奥研联可以发展。

我想要做的是,无论用户在哪里roll升,都总是在伊索纳角的顶部/底部有一个小的透明(甲型)梯度。

因此,每当用户垂直滚动时,透明/甲型梯度始终处于上下层。

和

----------------------------------------
| gradient   gradient  gradient    | S |
------------------------------------ C |
|            content               | R |
|                                  | O |
|            content               | L |
|                                  | L |
|            content               | B |
------------------------------------ A |
| gradient   gradient  gradient    | R |
----------------------------------------

我如何与安保部一道做到这一点?

增编

Answer 1

如果您能够编辑iframe的内容(即,它不是来自外部来源),那么你就能够做到这一点,使两种模式具有不透明性的梯度,并将它们放在文件上和底部,位置是固定的;风格。

<div style="background: url(upgradient.png) repeat-x; width: 100%; height: 100px; position: fixed; top: 0px;"></div>
<div style="background: url(downgradient.png) repeat-x; width: 100%; height: 100px; position: fixed; bottom: 0px;"></div>

我在以下网址上做了试验:。

PS:对于IE的兼容性,你可能希望用png固定装置使用。 j或相似。

Answer 2

您需要确定背景,以便在<代码>iframe时,将背景图像保留在同一位置:

iframe {
background: transparent url( gradient.png ) repeat-x fixed top;
}

友情链接