龙空技术网

CSS让背景层固定不动,在背景层上还有个层它随滚动

第三方企业服务 203

前言:

目前小伙伴们对“css固定背景图片”大致比较关心,你们都需要剖析一些“css固定背景图片”的相关文章。那么小编在网络上收集了一些对于“css固定背景图片””的相关资讯,希望你们能喜欢,你们一起来了解一下吧!

大家好,我是吉礻羊。

如何实现背景图片不根着滚动而滚动呢:上实例

CSS让背景层固定不动,在背景层上还有个层它随滚动

<html>

<head>

<style type="text/css">

body

{

background-image:url(css/img/logo.png);/*这里换成自己的图片地址*/

background-repeat:no-repeat;/*不复制显示*/

background-attachment:fixed;/*当页面的其余部分滚动时,背景图像不会移动*/

background-size: cover;/*把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。*/

}

</style>

</head>

<body>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

<p>图像不会随页面的其余部分滚动。</p>

</body>

</html>

快去试试吧!

标签: #css固定背景图片