网站前端教程

利用background-attachment:fixed给网站加上一个固定背景

网站前端教程 51源码 2023-01-06 人阅读

今天分享一篇关于background-attachment:fixed的实战示例,background-attachment:fixed可以让背景图片固定到一个位置,不会随滚动条滚动而变化。

下面我们就利用background-attachment:fixed给网站加上一个固定背景,效果如下:

利用background-attachment:fixed给网站加上一个固定背景
CSS效果截图

CSS代码

body{
background: url(bj.png) no-repeat;
background-size: 100%;
background-attachment: fixed;
}

bj.png可以自己网上找,路径只要写对就行。

然后如果还需要背景颜色的可以这样修改:

background: url(bj.png) no-repeat #ff0000;
上一篇:@keyframes实现CSS动画帧效果 下一篇:table表格中的cellpadding和cellspacing属性有什么区别 栏目分类

帝国CMS教程

织梦cms教程

discuz教程

ecshop教程

phpcms教程

wordpress教程

苹果cms教程

php教程

数据库教程

微信小程序教程

python教程

css教程

js教程

视频教程

电子书

热门推荐
版权声明:文章搜集于网络,如有侵权请联系本站,转载请说明出处:https://www.51yma.cn/jiaocheng/wwebqianduanjiaocheng/1012.html
文章来源:
标签