首頁 > 編程學習記錄 > 精確控制一張大圖在背景圖片的顯示部分

201706月11

精確控制一張大圖在背景圖片的顯示部分

作者:admin 0 Comments 發表評論

今天調節背景圖片,結果發現網站很多的背景圖片都是調用的同一個圖片,但是顯示的內容卻不同,我查看處的調用代碼如下:

background:url(images/bg.gif) right -181px

最開始就是弄不明白,這個right -181px,是什么意思?估摸著是控制顯示背景圖片bg.gif的哪一部分的,但是具體還是不太清楚。

后面找到了燕18的視頻教程,剛好講了這個問題,這里也順便推薦下他的教程:http://study.163.com/course/introduction.htm?courseId=432008,學了第27課就明白了:

背景圖片顯示的大小,局限在所在的父元素里,背景圖片可以拉伸。在計算機里,左上角是原點,往右是橫坐標正方向,往下是縱坐標正方向,如上面的例子里,如果改成代碼:

background:url(images/bg.gif) 10px -181px

那就意味著把背景圖片往右拉10像素,往上拉181像素,這也是像素為負值的意思。

推薦閱讀相關文章:編程學習記錄

本文地址:http://www.iflsoz.tw/background.html
版權所有 © 轉載時必須以鏈接形式注明作者和原始出處!

本文目前尚無任何評論.

發表評論

传奇人二肖中特论坛