当我们到达它的末尾时移动背景图像

时间:2014-02-11 14:49:48

标签: html background

我实际上正在为我的公司制作一个小网站,但我不擅长HTML。

我正在背景中放置一张图片。 但我想要一些特别的想法。

当有人正在阅读该网站并向下移动时,图像不会移动。 但是当我们到达此图像背景的末尾时,图像的背景会跟随用户向下移动。

我知道修复它的代码,然后让它跟随。

但我不知道如何

IMG go Fixe;
IF (End of IMG) {IMG go Follow;}.

1 个答案:

答案 0 :(得分:0)

如果我正确理解了您的问题,您需要一个图像的背景,该图像上面有文字,当用户向下滚动时,它会随页面滚动/移动。如果这就是你要问的问题,请纠正我,如果我错了,那么一些CSS就能解决问题!

由于您不熟悉HTML,我会假设您不了解CSS,但您知道HTML。因此,创建一个名为' stylesheet.css'的新文件。在与您的网页相同的文件夹中。在HTML中的head标记之间添加以下代码行:

<link rel="stylesheet" type="text/css" href="stylesheet.css">

现在,在您的HTML正文中,将图片放入其中并为其指定&#34;背景&#34;。通过写:

来做到这一点
<div id="background">
    <code for image>
</div>

现在打开.css文件并添加以下代码:

#background{
    opacity: 0.7;
    position:fixed;
}

不透明度属性确保人们可以看到它前面的文本,并且position属性将其锚定到浏览器窗口上的某个位置。

为了将来参考,W3Schools.com是初学者网络程序员的绝佳网站。

希望我帮助,贾斯汀