CSS3浮點(diǎn)背景是一種前端開發(fā)中常用的技術(shù)，實(shí)現(xiàn)的效果十分華麗。浮點(diǎn)指的是在瀏覽器中顯示的元素，可以和其它元素進(jìn)行覆蓋和重疊。以下是一個(gè)簡(jiǎn)單的浮點(diǎn)背景的實(shí)現(xiàn)：

background-color: #F06D06; /*背景顏色*/
background-image: url(images/dots.png); /*背景圖像*/
background-position: 0 0; /*背景圖像位置*/
background-size: 50px 50px; /*背景圖像大小*/
background-attachment: fixed; /*固定背景圖像*/

其中，background-color為背景色，background-image指定背景圖像，可以是一個(gè)圖片路徑，也可以是一個(gè)漸變式，background-position指定背景圖像的位置，可以通過left，center，right等屬性，background-size指定背景圖像的大小，可以通過百分比或具體像素表示，background-attachment指定背景圖像是否跟隨瀏覽器滾動(dòng)。如果設(shè)置了fixed，則浮點(diǎn)背景就會(huì)固定在頁面的指定位置。

要實(shí)現(xiàn)一個(gè)更為復(fù)雜的浮點(diǎn)效果，可以看下面的例子：

background: url(images/bg.jpg) no-repeat center center fixed; /*背景圖像*/
-webkit-background-size: cover; /*調(diào)整背景圖像大小*/
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

其中，background同樣指定背景圖像，但是這里使用了一個(gè)cover屬性，表示要將背景圖像調(diào)整至鋪滿整個(gè)屏幕。如果你想讓浮點(diǎn)背景更加活躍，可以設(shè)置一個(gè)帶動(dòng)畫效果的背景：

background-image: url(images/animation.gif); /*動(dòng)畫圖像*/
background-repeat: repeat-x; /*水平方向重復(fù)*/
background-size: 1000px auto; /*動(dòng)畫圖像尺寸*/
background-position: 0 0; /*動(dòng)畫圖像起始位置*/
animation: bg-animation 30s linear infinite; /*動(dòng)畫效果*/

這個(gè)例子中使用了一張動(dòng)畫圖像，并設(shè)置了水平方向重復(fù)和起始位置，同時(shí)還用到了CSS3的動(dòng)畫效果，實(shí)現(xiàn)了一個(gè)非常酷炫的浮點(diǎn)背景效果。