Question

css定义背景图片 不显示

css文件部分代码:
#reset {
background-attachment: fixed;
background-image:url("../images/button_reset.jpg");
background-repeat: no-repeat;
background-position: center center;
height: 17px;
width: 39px;
BORDER-BOTTOM: #52798C 1px solid;
BORDER-LEFT: #52798C 1px solid;
BORDER-RIGHT: #52798C 1px solid;
BORDER-TOP: #52798C 1px solid;
color:#52798C;
}
网页部分代码:
<input type="reset" name="reset" id="reset" value="" />
浏览器为IE8
为什么去掉-image就能显示了?

Answer 1

因为去掉-image的代码相当于把所有背景变成了background:url("../images/button_reset.jpg") no-repeat scroll center center transparent;（你用火狐的firebug插件看一下就看见了）它的background-attachment属性不再是 fixed而是scroll，而你的fixed属性是把背景图相对于页面居中了，你可以把宽高设置大一些就会看见图片在页面中间，而不是没有显示，只是超出了宽39高17的范围它看不见了。

Answer 2

给reset增加一个：background-color: transparent;
把背景透明度改成透明就可以显示背景图像了。

Answer 3

你加个float：left 试试！ 还有一种方法是加上display：inline-block；

Answer 4

主要还是跟你的background-attachment: fixed;有关。
你使用background:url("../images/button_reset.jpg");的时候其实是把background-attachment的值给覆盖掉了，所以就显示正常了。
background是相当于设置所有background-*的值，而background-image只设置背景图片的文件。
问题在于background-attachment: fixed;而不在于background-image:url("../images/button_reset.jpg");上。
具体需要实现的代码，你自己看着办吧