網頁制作Webjx文章簡介:大部分人應該習慣于使用描述性詞語(left、top、center…)或者數值(20px、1em…)對背景圖片定位,百分比可能比較少用,常見的有50%、100%等數值。
此文為后來的教程做鋪墊,轉自這兒。百分數定位很有意思,可以實現非凡的效果。看到的并不是如下的效果
定位的時候,圖片被放置在容器的右下角,而并沒有跑出容器。(如果使用 background-position: 300px 300px; 的話,背景圖片會被移出容器)
同樣,如果使用
會將背景圖片的坐標點(20%,20%)定位到容器的坐標點(20%,20%)。
新聞熱點
疑難解答