表達它

我為什麼要明白這一點嗎？？ ... Humm！！！

CSS的作家中的大多數人都同意，CSS Clip屬性可能是最未使用CSS屬性之一。 這是我的真實，是最幸福的忽視它，直到我開始修改的MooTools的兩個旋鈕（PIN）滑塊組件（帶範圍指示器） 。

從一個組件用戶有一個很好的建議，修改Slider組件使用裁剪圖像（對可變寬度師）視野下，以表明滑塊範圍。 就這樣來到我的時間來輸入的樂趣，但聯合國包機（我當然）的CSS Clip屬性的水域。

好吧！ 它可以是多麼困難？ 沒有太多... YES和NO。 使用CSS Clip屬性的語法是很正直的，但的含義/ usuage，是有點croocked。 一個像我的記憶中，每次我坐下來返工我滑塊腳本...我有隨時注意​​這個剪輯屬性的用法，要提醒自己，我在我的腳本創建的邏輯.... 因此！ 認為筆下來，希望記住它的未來（也似乎誰的利益猛然一驚CSS clip屬性）

什麼是CSS的剪輯呢？

剪輯的視覺效果模塊的CSS 2.1的一部分。 簡而言之，它的工作是正在修剪的對象上放置一個可見的窗口，因此裁剪圖像，而不必創建額外的文件（我已經把滑塊組件，以更好地利用此功能創建縮略圖 ）

使用CSS Clip屬性，你可以創建一個使用矩形形狀的裁剪。 需要像其他許多CSS屬性（如利潤率，填充等），使用矩形，四個坐標上，右，底部，左（TRBL）。 這個屬性croocked性質的反映，當你仔細一看，剪輯是如何計算的裁剪區域使用這四個坐標（大腦發送到折騰了一會兒）。 現在你混淆底部開始從頂部，並有權從左邊開始。 。 你明白我說的話嗎？ .... 因此，這個職位...

這有點混亂，可以很容易地消失了，用這CSS剪輯/ Rect屬性的視覺解釋如下！！！

CSS剪輯需求

我們已經開始的任務是剪輯成方正尋找圖像下面的縮略圖（還廣角圖像）

原Thumbnal /圖像	Sqaure Thumbmail剪輯要求

CSS剪輯結果

查看演示 | 下載源文件

這個職位可能那句“教學奶奶班門弄斧”是一個很好的例子，因為這僅僅是基本的CSS的東西。 但是，對於那些無視我一樣的，這可能是一種變相的祝福。 我一直以為（這樣說，我可能失去對我的工作），這是唯一可能保留一些靜態的HTML頁面內容的一部分（意思是，它的立場始終對窗口滾動），使用一些聰明的腳本，否則所有這些科學計算的動態位置，誘捕Window.scroll事件和超時等設置

從來沒有想過它可以像這樣簡單...... 在這裡，我在下面的CSS / HTML有四個靜態塊，固定在每個頁面extrimities，上，右，底部和左側...不用說...你可以選擇任何一個或多個，如果需要...

的CSS
靜態顯示：塊;的z-index：10;顏色：＃FFFFFF;溢出-X：隱藏溢出-Y：隱藏;位置：ixed;
}
＃內容{保證金：100px的為150px 0px 160px【邊界：1px固體＃e6e6e6}

＃總結T {TOP：0px;背景：＃33CC66;寬度：100％;高度：55像素;

＃包-L {：80px的背景：＃FF9966;高度：300像素，寬度為150px;邊界：2px的堅實＃e6e6e6;}

＃包-B {底部：0px;背景：＃3333CC;寬度：100％;高度：55像素;}

＃包-R {：80px的背景：＃6666FF;高度：300像素;寬度：140px單擊;邊界：2px的堅實＃e6e6e6;右：0;}

的HTML
<div id="contents">您的主要網頁內容</ DIV>
<div id="wrap-b" class="static">
靜態內容頁底部
</ DIV>
<div id="wrap-t" class="static">
靜態內容頁首
</ DIV>

<div id="wrap-l" class="static">
頁面的靜態內容的左側
</ DIV>
<div id="wrap-r" class="static">
在頁面右側的靜態內容
</ DIV>

查看樣品這裡wroking

當我看到名單上的這篇文章除了“ 仿的絕對定位
“ 由埃里克·索爾 ，我沒有什麼比留下深刻印象。 我也鬱悶majorly，因為，老實說，我很納悶，為什麼不能我來了，這個令人難以置信的東西。

通常，當我們創建的CSS佈局，我們使用“位置”或“浮”，或一個非常糟糕的組合。 埃里克·索爾和他的團隊定義了一個完美的CSS佈局技術，人造列技術，模擬了一列的存在後，他們命名為“ 仿絕對定位 ”的新型技術。

你知道這個問題，我們的CSS開發與的瓦解佈局（意想不到​​的含量變化，導致整列包裝，當我們使用浮動佈局）......好吧！ 似乎歷史！！
此佈局技術是還很年輕，要丟棄在那裡所有的CSS大師，才能成為聯合國的書面標準。 我很高興現在使用它！ 我已經將我剛才的問題/浮動的聯合國一定的佈局已經轉換成FAP的佈局中間......很高興地說，“ 我們已經使用這個博客網站，以及仿絕對定位 ”...去嘗試它，現在！

榮譽埃里克！！