圖片超出容器時background-position百分比值方向的問題//列子評論里有
我想知道為什么當(dāng)圖片的大小超出父容器時；background-position設(shè)置的百分比值是亂的（或者說反的，百分比值也沒有規(guī)則了），而案列中卻剛好又還可以用。正常來說background-position的百分比的正值是圖片向右移動，負(fù)值反之。當(dāng)圖片超出容器大小時，百分比正值向左移動，負(fù)值反之，而且圖片的百分比長度值變了（貌似變小了）。
阿輝2
2015-12-15
5 回答
舉報
0/150
提交
取消
2015-12-15
當(dāng)background-position以百分比來定義時,例如：
background-position：50% ? -30%； ??
意思是： ?
x：（容器的寬度-圖片的寬度）x 50%?
y：（容器的高度-圖片的高度）x（-30%）
2016-06-10
100% {
? ? ? ? background-position: -300% 100%;
這個-300%怎么理解??？
按照x：（容器的寬度-圖片的寬度）x -300% =9*容器寬度啊，
而圖片寬度=4*容器寬度。
這是怎么弄？
2015-12-16
background-position 你可以通過這個來設(shè)置
2015-12-16
你回答的很對啊，我花了一個多小時在一點一點測試，還是把負(fù)值百分比理解成相對圖片自身的長度（這是錯的），現(xiàn)在才看到你的追答，恍然大悟。wsschoool里沒有介紹的這么詳細(xì)，所以我一直沒搞明白。真是感謝你啊，我加你為好友啊，以后多指教。
2015-12-15
這個我知道，我說的是圖片超出容器是，正負(fù)百分比方向反向的問題