DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS中background-position使用技巧
CSS中background-position使用技巧
編輯:布局實例     

   一.background-position:left top;

  背景圖片的左上角和容器(container)的左上角對齊,超出的部分隱藏。等同於 background-position:0,0;也等同於background-position:0%,0%;

  二.background-position:right bottom;

  背景圖片的右下角和容器(container)的右下角對齊,超出的部分隱藏。等同於background-positon:100%,100%;也等同於background-positon:容器(container)的寬度-背景圖片的寬度,容器(container)的高度-背景圖片的高度

  三.background-position:500px 15px;。

  背景圖片從容器(container)左上角的地方向右移500px,向下移15px,超出的部分隱藏。

  四.background-position:-500px -15px;。

  背景圖片從容器(container)左上角的地方向左移500px,向上移15px,超出的部分隱藏。

  五.background-position:50% 50%;。

  等同於left:{容器(container)的寬度—背景圖片的寬度}*left百分比,超出的部分隱藏。等同於right:{容器(container)的高度—背景圖片的高度}*right百分比,超出的部分隱藏。

  六.background-position:-50% -50%;。

  等同於left:-{{容器(container)的寬度—背景圖片的寬度}*left百分比(百分比都取正值)},超出的部分隱藏。等同於right:-{{容器(container)的高度—背景圖片的高度}*right百分比(百分比都取正值)},超出的部分隱藏。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved