修复了背景封面上的文字

时间:2015-08-31 07:36:21

标签: html css background parallax cover

我对website提出了一个问题。

我的网站正在发生视差效应,但我想要文本"临床试验"当我滚动它时,它下面的所有文本都保持固定,现在它只是滚动页面我该如何解决?

1 个答案:

答案 0 :(得分:0)

我认为这是回应的正确方式,而不是添加另一个答案。我有一些类似的问题,javascript在一个浏览器中完美运行但不是另一个浏览器。我记得Firefox导致了“闪烁”。影响。所以我的问题是,你在多个浏览器上测试过吗?

很抱歉原始回复与您尝试的内容没有任何关系。我阅读了原始帖子并快速扫描分配给它的标签。当你编辑原版时,我已经回答了。我将离开原始标记,以帮助其他人使用html / css实现。 html / css在整个页面中保持div可见。一旦用户滚动到页面上的位置,它就不会提供保持可见效果。

<强> ORIGINAL

滚动时要修复的文本应位于其自己的div中,并在样式表中指定一个类。使用顶部和右侧来定位它。

HTML:

<div class="trials-fixed">Clinical trials</div>

CSS:

.trials-fixed{
      position: fixed;
      top: 0;
      right: 0;
      width: 300px;
}

更多地解释了位置属性here

您可能需要设置文本的z-index;解释here