ice world

There is nothing too difficult if you put your heart into it.
posts - 104, comments - 103, trackbacks - 0, articles - 0

按钮设置背景图在IE6和IE7中的不同显示

Posted on 2011-04-16 02:31 IceWee 阅读(629) 评论(0)  编辑  收藏 所属分类: CSS
最近负责项目中的界面修改工作,遇到了一个奇怪的问题,代码如下:

.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; /* 取消边框 */
   }

<input type="button" class="bg" value=" 提 交">


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

可同事的电脑上却显示:


令我很疑惑,于是在电脑上装了IE6和IE7,发现果真是这样,由于本人并不是网页设计师,对CSS略知一二而已,这个问题是在解决不了,开始在网上搜索,但是相关主题不多,可能这不算是个问题吧!却把我难住了,终于搜索到一片相关的帖子,中说把:“   background-attachment: fixed;” 去掉,在IE7中就可以显示了,我试着去掉这行代码,果真解决问题了,但却不知其原因。。。



只有注册用户登录后才能发表评论。


网站导航: