IE 6和IE 7对于按钮背景图案的处理 【转载】

该篇文章是我于2009年6月10日通过自己编写的工具，批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明！ 陈希章 原文地址：http://www.cnblogs.com/chenxizhang/archive/2009/03/16/1413570.html 原文标题：IE 6和IE 7对于按钮背景图案的处理 【转载】 原文发表：2009/3/16 8:56:00

该文转载自：http://hi.baidu.com/icewee/blog/item/871a7923a2595ea24623e84c.html

 

 

最近负责项目中的界面修改工作，遇到了一个奇怪的问题，代码如下：

.bg {
    background-attachment: fixed; /* 设定背景图不滚动 */
    font-size: 9pt; /* 设定字体 */
    background-image: url(space.gif); /* 设定背景图url */
    background-repeat: no-repeat; /* 设置背景图不平铺 */
    height: 19px; /* 等于背景图高度 */
    width: 58px; /* 等于背景图宽度 */
    background-position: center center; /* 设定背景图居中 */
    border: none; /* 取消边框 */
   }

我的系统用的是IE6，现在大多数用户用的都是IE7。我的电脑显示为：

可同事的电脑上却显示：

 

解决方案： 将background-attachment: fixed; /* 设定背景图不滚动 */ 这一句去除掉

作者：陈希章 出处：http://blog.youkuaiyun.com/chen_xizhang 本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。