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