How To Make The Background Fixed With Scrolling Text In CSS

hello everyone 

This is a tutorial on How To Make The Background Fixed With Scrolling Text In CSS

codes :

body{
background-image: url('nature.jpg');
background-size: cover;
background-attachment: fixed;
font-family: 'Segoe UI Light';
}
#content{
margin-left: 100px;
margin-right: 100px;
background-color: rgba(0,0,0,0.30);
color: #fff;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
}
.footer{
background-color: rgba(0,0,0,0.80);
color: #fff;
width: 100%;
height: 50px;
clear: both;
position: fixed;
bottom: 0px;
text-align: center;
font-size: 20pt;


}