原文:CSS背景圖片定位(background-position)徹底分析

在CSS中,背景圖片的定位方位有 種: 上面這三句語句,都將圖片定位在背景的左上角,表面上看效果是一樣的,實際上第三種定位機制與前兩種完全不同。前兩種定位,都是將背景圖片左上角的原點,放置在規定的位置。請看下面這張圖,規定的位置是 px px 和 px px ,都是圖片的原點在那個位置上,圖中用X表示。 但是第三種定位,也就是百分比定位,不是這樣。它的放置規則是,圖片本身 x ,y 的那個點,與背 ...

2012-05-29 09:01 0 3727 推薦指數:

查看詳情

css背景圖片background-position

給元素添加背景圖片的方式有很多,個人總結的有: 用img插入圖片css3的方式手動繪圖; 單獨用background-image單獨插入圖片; 其中用background-image有兩種方法,一種是采用的單一照片來設置,另一種就是采用一張整圖來切: 會用到的屬性 ...

Wed Mar 16 21:00:00 CST 2016 1 4823
css背景圖片位置:backgroundposition

position的兩個參數:水平方向的位置,垂直方向的位置----------該位置是指背景圖片相對於前景對象的1.background:url(../image/header.jpg) no-repeat left top; /*相當於0% 0%*/表示背景圖片在指定div的位置,從左上角 ...

Tue Feb 18 13:50:00 CST 2014 0 10935
css背景圖片位置:backgroundposition(轉)

css背景圖片位置:backgroundposition position的兩個參數:水平方向的位置,垂直方向的位置----------該位置是指背景圖片相對於前景對象的1.background:url(../image/header.jpg) no-repeat ...

Sat Jan 20 20:11:00 CST 2018 0 4430
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM