cssbackground屬性 background-position屬性怎么解決,高手請進?
background-position屬性怎么解決,高手請進?背景-位置:0%0%這意味著背景圖像的左上角與容器的左上角對齊?這是真的,但我不能這么說,因為背景位置在計算位置時沒有使用背景圖像的左上角
background-position屬性怎么解決,高手請進?
背景-位置:0%0%這意味著背景圖像的左上角與容器的左上角對齊?這是真的,但我不能這么說,因為背景位置在計算位置時沒有使用背景圖像的左上角作為基點。
背景位置以背景圖像的中心點為基點,如上圖所示。容器為400px*400px,背景圖像為200px*200px。上圖為背景-職位:50%50%,所以背景-位置:0%0%:第一個0%表示背景圖像中心與左紅線重合;第二個0%表示背景圖像中心與上紅線重合。所以背景-職位:100%100%時間:第一個100%表示背景圖像中心與右側(cè)紅線重合;第二個100%表示背景圖像中心與下方紅線重合。也就是說,在0%到100%之間,圖像的中心點被限制在一個范圍內(nèi):從容器的左邊緣到右邊緣的范圍是背景圖像的寬度/2。