中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

在Rainer's css手冊(cè)里對(duì)background-position這樣寫道:

默認(rèn)值為： 0% 0% 。此時(shí)背景圖片將被定位于對(duì)象不包括補(bǔ)丁( padding )的內(nèi)容區(qū)域的左上角。
如果只指定了一個(gè)值，該值將用于橫坐標(biāo)�？v坐標(biāo)將默認(rèn)為 50% 。如果指定了兩個(gè)值，第二個(gè)值將用于縱坐標(biāo)。
如果設(shè)置值為 right center ，因?yàn)?right 作為橫坐標(biāo)值將會(huì)覆蓋 center 值，所以背景圖片將被居右定位。

其實(shí)并不全是這樣的,它的2個(gè)值根是據(jù)語意自動(dòng)判斷的
比如 background-position:left top; 和 background-position:top left ;的顯示效果是一樣的.top作用于y坐標(biāo)使背景圖片上對(duì)齊,left使背景圖片左對(duì)齊.

運(yùn)行代碼框
<style type="text/css"> body { background-image:url(http://www.95time.cn/img/common/logo.gif); background-position:left top; background-repeat:no-repeat; } </style>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

運(yùn)行代碼框
<style type="text/css"> body { background-image:url(http://www.95time.cn/img/common/logo.gif); background-position:left top; background-repeat:no-repeat; } </style>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

如果指定了background-position:100px left;由于left已經(jīng)作用于x坐標(biāo),100px則作用于y坐標(biāo),它和background-position:left 100px效果一致.

運(yùn)行代碼框
<style type="text/css"> body { background-image:url(http://www.95time.cn/img/common/logo.gif); background-position:100px left; background-repeat:no-repeat; } </style>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

運(yùn)行代碼框
<style type="text/css"> body { background-image:url(http://www.95time.cn/img/common/logo.gif); background-position:left 100px; background-repeat:no-repeat; } </style>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

經(jīng)典論壇討論帖：
http://www.95time.cn/bbs/NewsDetail.asp?id=2638289

出處：藍(lán)色理想
責(zé)任編輯：moby

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論