Изражавајући ИТ

Зашто желим да разумем ово? Хумм ...!

Већина писаца ЦСС сложити да ЦСС цлип имовина је вероватно један од највише коришћених УН-ЦСС својства. Било је тако истина и за мене и био најсрећнији да га занемарују, док нисам почео допунама МооТоолс ДВА дугме (ПИН) клизача компоненту са опсега степена) .

Постојао је добар предлог једног од саставних корисницима да измените компоненту клизача користећи поткресаног бацкгроуд слике (против променљиве ширине поделе) да укаже на опсег клизача. Тако је дошао мој тренутак да уђу у забавно, али УН-овлашћених (за мене наравно) воде на ЦСС Цлип имовине.

Добро! Колико тешко може бити? Није уопште много ... ДА и НЕ. Синтакса за коришћење ЦСС Цлип имовине је веома усправно, али значење / усуаге је мало црооцкед. Са меморијом као што је моја, несто сам да седим обрадом на мом клизачем скрипте ... Имам токееп мислећи назад на коришћење овај клип имовине, да се подсетим логику да сам створио, у мом писму .... Отуда! Сматра се да оловком га, са надом да запамтите да будућност (као и за добробит оних који су изгледа запањен по ЦСС Цлип имовини)

Шта ЦСС цлип ради?

Клип је део визуелне ефекте модулу ЦСС 2.1. Једноставно речено, њен задатак је да ставите видљив прозор на врху објекта која се прикачен, па цлиппинг фотографија и креирање сличице, без потребе да креирате додатне датотеке (што сам већ ставио ову функцију да боље употреби на клизачу компоненте )

Коришћење ЦСС Цлип имовине, можете да креирате исечак користећи рецт облик. Као и многе друге ЦСС својства (као маргина, Преграда итд), користећи рецт захтева четири координате врх, десно, доле, лево (ТРБЛ). Црооцкед природа овог имовине одражава када изблиза погледате снимак како се израчунава клипинга регион, помоћу ова четири координате (мозак шаље у жреб за неко време). Сада да вас збуни дно почиње од врха, као и право почиње са леве стране. . Видиш шта сам рекао? .... Дакле овај пост ...

Ова мала конфузија може лако нестати, са овим визуелним објашњење ЦСС Цлип / рецт имовине као испод!

ЦСС Цлип Захтеви

Задатак смо почели да је снимак на следеће сличице у скуарер гледа слике (као и широкоугаони слика)

Оригинални Тхумбнал / Слика	Цлип Захтеви за Скауре Тхумбмаил

ЦСС Цлип Резултати

Погледај Демо се | Довнлоад соурцефилес

Овај пост може бити добар пример за израз "Настава бака да сиса јаја" ... Јер ово је само ОСНОВНИ ЦСС ствари. Али за оне, као несвесни мене, ово може бити благослов и прерушавања. Увек сам мислио (ја могао изгубити свој посао за ово говорећи), само је могуће да неки део ХТМЛ садржаја странице Статиц (смисао, њена позиција остаје као ИС на Виндов сцролл), користећи паметне неке скрипте, Доинг сви они научни калкулације да пронађете динамичну позицију, заробивши Виндов.сцролл догађаја и стварање тимеоутс итд

Никада се није сматрало да једноставно као ово .... Овде у ЦСС / ХТМЛ доле, имам четири статичке блокова, један фиксиран за сваки ектримитиес странице, врх, десна, доња и НАЛЕВО ... Непотребно је рећи ... можете одабрати било који једну или више ако је потребно бити ...

ЦСС
Статички {дисплаи: блоцк; З-индекс: 10; цолор: # фффффф; Преливање-Кс: скривена; Преливање-И: сакривен; позиција:. Икед;
}
Садржај # {маргин: 0пк 100пк 150пк 160пк; бордер: 1пк солид # е6е6е6}

# Врап-Т {врх: 0пк; бацкгроунд: # 33ЦЦ66, ширина: 100%; висина: 55пк;}

# Врап-Л {врх: 80пк; бацкгроунд: # ФФ9966; висина: 300пк; ширина: 150пк; граница: 2пк солид # е6е6е6;}

# Врап-Б {лефт: 0пк; бацкгроунд: # 3333ЦЦ, ширина: 100%; висина: 55пк;}

# Врап-Р {врх: 80пк; бацкгроунд: # 6666ФФ; висина: 300пк; ширина: 140пк; граница: 2пк солид # е6е6е6; право: 0;}

ХТМЛ
<див ид="цонтентс"> Ви насловна страна садржај </ див>
<див ид="врап-б" цласс="статиц">
Статични садржај на дну странице
</ Див>
<див ид="врап-т" цласс="статиц">
Статични садржај на странице Врх
</ Див>

<див ид="врап-л" цласс="статиц">
Статични Садржај странице на лево
</ Див>
<див ид="врап-р" цласс="статиц">
Статични Садржај странице на десној страни
</ Див>

Погледај овде врокинг узорак

Када сам прочитао овај чланак на А Лист Апарт " Лажна апсолутно позиционирање
Ерик Сол ", био сам ништа мање него импресиониран. Такође сам био депресиван мајорли, јер, искрено сам се питао, зашто цант дођем до нечега доброг, као ово.

Обично, када смо креирали ЦСС распореде, ми користимо "Поситион" или "плута", или веома лоша комбинација оба. Ерик Сол и његов тим дефинишу поред савршене технике новог типа ЦСС лаиоут техником, која су крштена као "Фаук апсолутно позиционирање" после вестацке колонама техником која симулира присуство колони.

Знате да је проблем свих нас ЦСС програмери су са распадала распореда (неочекиваног садржаја Промене које изазивају читаве колоне да преломи, када користимо флоатед распореде) ... Па! Изгледа историју!
Овај распоред техника је још увек веома млад, и има да се разнели од стране свих оних ЦСС гуруа тамо, пре него што постане стандардни УН написан. Драго ми је да га користите ОДМАХ! И ... већ сам у средини моје претварање раније проблематичне / плутајући УН-нужно распореде у ФАП распореду већ ... и драго ми је да кажем "ми већ користите погрешне апсолутно позиционирање за овај сајт као и блог" ... ГО пробајте, ОДМАХ!

Кудос Ериц!