當前位置:首頁 » 背景圖片 » css背景圖片偏移
擴展閱讀
美聯社圖片素材 2024-11-06 19:38:18
普度拜哪些材料圖片 2024-11-06 19:35:35

css背景圖片偏移

發布時間: 2022-06-12 16:47:44

① css中 div的背景圖的問題

這個是CSS Sprites - CSS背景圖片絕對定位!
就是通過定位來顯示背景圖片而以。把很多小的圖片拼貼成一張。再通過背景定位的方法來顯示,好處是減少了伺服器請求次數,壞處是維護比較麻煩。 總體來說還是很值得使用的,現在流行這樣做。
background:url(../images/ico.png) no-repeat -100px -1055px;
後面兩組數字,-100px 代表從左往右的方向移動到100像素的地方開始顯示圖片
-1055px 代表從上往下的方向移動到1055像素的地方開始顯示圖片。 可以為負值,也可以為正值。兩組數值 先左右,後上下。
(0,0,0,0,)這個是啥。我也不知道。。沒見過。。 希望能幫到你。

② 如何調整css背景圖片的位置

你的CSS樣式寫的太不規范了,
#Channel_boundary{
width:1px;
background: #D4D0C8 repeat-y;
float:left;
height:60%;
line-height:60%;
background-position:10px 20px;
}
設置背景色的時候,不能用repeat-y這類屬性,也不能用背景定位background-position,這些屬性只用在背景圖片的時候。還有在設置高度的時候最好不要用百分比,將樣式修改一下就OK了。如下:
#Channel_boundary{
width:1px;
background-color: #D4D0C8;
float:left;
height:20px;
margin-top:10px;
overflow:hidden;
}
height和margin-top的值可以自行調整,直到你滿意的位置為止。

③ css背景圖片的能位置下移

你是說用background-position:xpx ypx 來控制圖片顯示的位置嗎?
第一個x值是水平位置,第二個y值是垂直位置.
左上角是 0 0.
可以為負數

④ 為什麼css中設置了margin-top屬性後,運行時背景圖片會下移,如何更改

因為你的背景圖片沒有設置對齊方式。把背景代碼改成這樣 background:url(images/templatemo_header_bg.jpg) left top no-repeat;
試試

⑤ ie6 DIV+CSS背景圖片偏移

這樣的代碼看的真累啊! 為什麼不放在CSS裡面呢?

最簡單的方法,

<div >

<div ></div>
<div ></div>
<div ></div>

</div>

三個用1個大的div 包起來,再根據背景圖的大小,設定中間3個div的寬、高,記得一般要寫float:left(或者right),不然 在FF 裡面是顯示不了的!! 書寫要規范點!

⑥ css設置背景圖定位的問題

你查查background-position並練習一下就知道了,背景圖的兩個偏移值可以用background-position:xy;表示。x是水平位置偏移,y是垂直位置偏移。

你可以用坐標來理解,圖片左上角的坐標就是00。如-683px-162px就是:水平偏移683px,垂直偏移162px


具體的數值是根據你圖片來定的,如下圖:黑色的圖片距離左邊30px,距離頂部60px,那麼background-position的兩個值就是-30px -60px

⑦ css代碼如何把背景圖旋轉

1、首先准備一個HTML文檔,文檔中准備好兩個圖片,接下來會對這兩個圖片進行旋轉。

⑧ 在css的div中設置背景圖片後背景圖片下移如何解決

更新class樣式

.content{
margin:50pxauto;
height:80px;
background:url(http://static-cdn.dianrong.com/store/dist/images/range_banner.png)topno-repeat;
}


or更新form的style

.form{
margin:0;
padding:0;
}

⑨ 為什麼去掉border整個背景位置會偏移

css中我們經常使用background載入圖片作為背景,這個背景圖片可以通過具體屬性的設置調整其上下左右偏移,調整背景圖的上下左右偏移可以通過設置background屬性或background-position屬性來實現。我們以div加背景圖片來舉例子,其他的容器也都一樣。主要來介紹一下背景background/background-position的幾個屬性。
background語法格式:
1 background:[1.color] [2.url(圖片路徑)] [3.background-repeat平鋪屬性] [4.水平方向偏移] [5.垂直方向偏移]
2 background-position:[水平方向偏移] [垂直方向偏移]
我們給一個div加上背景後,先僅僅控制背景圖片的路徑,其他的都不做控制。這時候背景圖片的坐標是左上角,如果圖片大小大於div的大小,多出來的部分會被切掉,如果圖片大小小於div的大小,默認會在橫向和縱向都把圖片進行平鋪,也就是你會看到好幾個背景圖片鋪著,來把div填滿。要取消掉這種效果,使用background-repeat屬性。
background-repeat平鋪屬性的幾個值:
1 repeat : 默認值。背景圖像在縱向和橫向上平鋪
2 no-repeat : 背景圖像不平鋪
3 repeat-x : 背景圖像僅在橫向上平鋪
4 repeat-y : 背景圖像僅在縱向上平鋪

⑩ css樣式中的background-position(x)/(y)指的是將背景圖像與頁面中心什麼

background-position指的是背景的開始坐標,假如有一個<div style="width:100px;height:100px;background:url(.....);background-position:20 30;"/>這個意思就是,層的背景圖片是從div的左上角(0,0)向x軸(向右)方向偏移20px;向y軸(向下)方向偏移30px;