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

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

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

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


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