欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

 CSS屬性中有個裁剪屬性clip，其實我對這個屬性一點都不感冒，因為我感覺它好像沒啥用處，但是前幾天我同學問我這個屬性是啥意思，我就是說裁剪的意思，后來他又問我更具體的我就不大知道了，于是我就研究一番，發現此屬性的兼容性很有問題，下面詳解一下。

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

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

在一個網頁聲明文檔類型的情況下：
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
剪切：不要的