关于 CSS 的背景定位问题
今天有个朋友询问我一个 CSS 背景定位的问题。他采用如上 CSS 代码定位背景图片：
#search_form {
BACKGROUND: url(img/search_bg.gif) no-repeat; MARGIN: 3px 0px 0px 18px; WIDTH: 180px; HEIGHT: 33px;
}
关键代码是“MARGIN:3px 0px 0px 18px;”，想让背景 search_bg.gif 向右平移 18px。代码在 Firefox 下运行正常，在 IE 下，却并没有实际平移，背景还是紧靠左边。
我 Google 到一个 BACKGROUND-POSITION 属性，用来设置背景的位置，用法如下：
BACKGROUND-POSITION:18px, 0px;
或
BACKGROUND-POSITION:10%,0%;
有两个参数，第一个参数设置 left, 第二个参数设置 top。这两个参数可以都是象素值，也可以都是百分比的值。我将他的代码修改如下：
#search_form {
BACKGROUND: url(img/search_bg.gif) no-repeat;BACKGROUND-POSITION 18px 0px; MARGIN: 0px; HEIGHT: 33px;
}
也可简写成：
#search_form {
BACKGROUND: url(img/search_bg.gif) no-repeat 18px 0px; MARGIN: 0px; HEIGHT: 33px;
}
[ 固定链接：http://blog.tanggaowei.com/2008/10/css.html ]
