CSS屬性中有個裁剪屬性clip，其實(shí)我對這個屬性一點(diǎn)都不感冒，因?yàn)槲腋杏X它好像沒啥用處，但是前幾天我同學(xué)問我這個屬性是啥意思，我就是說裁剪的意思，后來他又問我更具體的我就不大知道了，于是我就研究一番，發(fā)現(xiàn)此屬性的兼容性很有問題，下面詳解一下。

clip 屬性：
　　clip : auto | rect ( number number number number )
       參數(shù)：
       auto：對象無剪切
　　rect ( number number number number ) :
　　依據(jù)上-右-下-左的順序提供自對象左上角為(0,0)坐標(biāo)計算的四個偏移數(shù)值，其中任一數(shù)值都可用auto替換，即此邊不剪切
　　說明：
　　檢索或設(shè)置對象的可視區(qū)域。區(qū)域外的部分是透明的。
　　必須將position的值設(shè)為absolute，此屬性方可使用。

以上解釋的很清楚吧，但是用來起你就會發(fā)現(xiàn)此屬性并不那么聽話。
比如 你要裁剪一個div，你這樣寫 clip:rect(0 100 100 0)，大眼一看沒什么錯吧，在Dreamweaver里也正常，但是當(dāng)你瀏覽的時候，才發(fā)現(xiàn)裁剪不管用，因?yàn)檫@個我研究了半個小時，終于發(fā)現(xiàn)：

在一個網(wǎng)頁聲明文檔類型的情況下：
clip:rect(0px 100px 100px 0px) （空格單位）這種寫法兼容所有瀏覽器（IE、Firefox、Chrome）
clip:rect(0px, 100px, 100px, 0px) (逗號空格單位) 這種寫法只適用于Firefox
clip:rect(0px,100px,100px,0px)   (逗號單位) 這種寫法不兼容任何瀏覽器
clip:rect(0,100,100,0)   (逗號) 這種寫法不兼容任何瀏覽器


clip剪切圖片
clip:rect(0px 100px 100px 0px)
從上剪切0
從右剪切100
從下剪切100
從左剪切0
剪切：不要的