前言:
目前小伙伴们对“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固定背景图片