css實現背景圖靜止+上層浮動效果

.about {
background: url(../images/bg1.jpg) no-repeat center top;
margin-top: 40px;
padding-top: 30px;
background-attachment: fixed;
height: 320px;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.about .container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.about h3 {
width: 100%;
text-align: center;
margin: 20px 0;
}
.about p {
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 24px;
}
.about h3 a {
font-size: 36px;
color: #ffffff;
line-height: 36px;
width: 150px;
margin-bottom: 30px;
display: inline;
}
.about ul {
overflow: hidden;
margin: 40px auto 40px auto;
}
.about li {
float: left;
width: 25%;
}
.about .about_l1 {
background: url(../images/al1.png) no-repeat left 0;
}
.about .about_l2 {
background: url(../images/al2.png) no-repeat left 0;
}
.about .about_l3 {
background: url(../images/al3.png) no-repeat left 0;
}
.about .about_l4 {
background: url(../images/al4.png) no-repeat left 0;
}
.about .about_l1, .about .about_l2, .about .about_l3, .about .about_l4 {
background-size: 70px 70px;
}
.about span {
color: #ffcc00;
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
margin-right: 16px;
margin-left: 84px;
}
.about li p {
font-size: 15px;
line-height: 24px;
margin-top: 10px;
margin-right: 16px;
margin-left: 84px;
text-align: left;
color: #ffffff;
}

<div class="about">
<div class="container">
<div class="about_box">
<h3><a href="/about.htm">標題</a></h3>
<p>**有限公司是一家以生產重型礦山機器為主，集科研、生產、銷售為一體的大型股份制企業。目前公司有磨粉基地、選礦建材基地、砂石設備基地三大生產基地。</p>
</div>
<ul>
<li class="about_l1"><span>40多年生產經驗</span><p>我們多年的生產經驗，會給您帶來好的產品和服務。</p></li>
<li class="about_l2"><span>180多個國家市場</span><p>過硬的質量和服務贏得了180多個國家的客戶的信賴。</p></li>
<li class="about_l3"><span>26萬平工業廠房</span><p>三大生產基地，現代化工業廠房，質量有保證。</p></li>
<li class="about_l4"><span>360多人售后團隊</span><p>專業技術服務團隊全年無休為您提供技術支持和服務。</p></li>
</ul>
</div>
</div>