A. css 背景圖片的定位
關鍵字, 例如: background-position: top right;
優點: 直觀, 可用性高, 各瀏覽器中表現一致.
缺點: 缺少間隔尺寸. 三個垂直的 (top, center, bottom) 和三個水平的 (left, center, right) 只能為你組合出最多 9 個位置. 不存在其他混式的組合. 並且很難像其他兩種數值定位方法一樣使用算數進行控制像素, 例如: background-position: 0px 0px;
優點: 概念容易被理解, 只要知道如何測量容器左上角和圖片左上角之間的距離, 就能准確地推測出圖片顯示的位置. 像素還能夠精確的用數學來控制定位.
缺點: 你必須知道確實的值.
原理, 如圖. 其實就是圖片左上角相對於容器左上角的坐標關系.
B. 關於CSS 背景圖片的存放路徑
如果是自己的圖片,最好不要用物理路徑,這樣你網站放在別的地方就找不到圖片了.最好使用相對路徑,這樣網站放在其它地方也是正常的.
當然,如果是網路的圖片,就直接用圖片的網路地址就可以了.當然建議你還是把圖片下載下來,因為別人的圖片不能保證一直可以使用的.
C. css中如何使用背景圖片的某一個位置,
正面這3個控制前景左上角在圖片中的位置
{ background-position : sPosition } 帶1-2個參數,分別表示x ,y軸
{ background-position-x : sPosition } 僅對x軸,即水平方向
{ background-position-y : sPosition } 僅對y軸,即垂直方向
取值可為:
1、數值: 可以是浮點型的絕對單位標識 (cm, mm, in, pt, pc, or px) 或相對值 (em or ex)
2、百分比 相對當前對象的高或寬的整數百分比,如30%
3、對齊
垂直方向對齊:top、center、bottom
水平方向對齊:left、center、right
D. div+css如何改變背景圖片位置
background-position:數值1 數值2;
數值1是控制左右寬度;
數值2是控制上下高度;
底部右下可以寫:background-position:right bottom。
E. div+css如何改變背景圖片位置
background:url(背景圖路徑) left bottom;/*left 和 bottom 改為 top、right、center看看有什麼變化*/
background:url(背景圖路徑) 0 10px;/*改改裡面數值試試*/
background:url(背景圖路徑) 50% 0;/*改改裡面數值試試*/
F. css背景圖片的能位置下移
你是說用background-position:xpx ypx 來控制圖片顯示的位置嗎?
第一個x值是水平位置,第二個y值是垂直位置.
左上角是 0 0.
可以為負數
G. css如何控制圖片位置
1、首先我們需要插入一張圖片,並且圖片只出現一次,並設計圖片出現的位置在左上角,可以按照如下代碼來完成:
<html>
<head>
<title>圖片位置設置</title>
<style type="text/css">
body{
background-image:url("2.jpg");
background-attachment:scorll;
background-repeat:no-repeat;
background-position:top left;
}
</style>
</head>
<body>
</body>
</html>
可以看到背景圖片出現的位置在瀏覽器的左上角,這個和默認的設置是一樣的。
H. 怎樣設置CSS背景圖片路徑
在CSS文件里,有時要用到background-image,即加一個背景圖片,一般在顯示標題時會經常用到。
現在來看兩個文件目錄:
/css/admin/main.js //js文件的目錄
/css/admin/image/show.gif //圖片的目錄
舉例:
1、現在在main.js文件里要用show.gif來做背景圖片,那麼要這樣來寫:background-image:url(image/td-top-4.gif);
這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。
2、如果現在需要在一個jsp頁面里定義這個圖片路徑,jsp頁面ShowImage.jsp在test文件夾里,而test和css又在同一個目錄下面,這時的圖片路徑就要有所改變了:
background-image:url(../css/admin/image/td-top-4.gif);這樣即可正確的顯示圖片了。
這里的../是指回到上一層目錄,如果是上兩層目錄呢?那就是../../。
當然,如果加上絕對路徑不管怎麼樣都不會出錯了,不過不推薦使用絕對路徑,不利於程序的移植。
I. css如何獲取背景圖片坐標
舉例:background: url(../images/qq_1.png) no-repeat -50px 20px;
其中的-50px 表示的是圖片的 X 坐標
其中的20px 表示的是圖片的 Y 坐標
這些可以是絕對也可以是相對的。
J. CSS中背景圖片定位怎麼只知道圖片的具體坐標
在PS里用矩形選框工具來選中ICON和網頁邊界,在「信息」那裡就能准確看見距離是多少像素!