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

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

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

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

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属性有什么区别栏目分类