Question

html 中给一个div添加一个背景图片，在预览中最大化显示正常，但是一缩小，右下角有就有一个空白

缩小预览错误：

正常全屏预览：正常

©2010-2015 百汇招聘 版权所有 豫ICP备14000067号
css代码：#copyright { background: #000000;}.copyright { width: 990px; margin: 0 auto; text-align: center; background: #000000; font-size: 12px; color: #FFFFFF; height: 48px; padding-top: 37px; background:url(images/copyright.png) no-repeat; background-position: 612px 0px;}
html代码：

<div id="copyright">
<div class="copyright">©2010-2015 百汇招聘 版权所有 豫ICP备14000067号</div>
</div>





Answer 1

.copyright {
width: 990px;margin: 0 auto;text-align: center;font-size: 12px;color: #FFFFFF;
height: 48px;padding-top: 37px;background:url(images/copyright.png) no-repeat #000; background-position: 612px 0px;}

CSS代码这样更改一下就可以了。#copyright那个代念数码可以不要它。

解释一下：

你原来的定义是.copyright先定义了背景色为#000，也就是黑余物色，你使用的是background而不是background-color；之后你又一次定义了背景，设置了背景图片，依然使用了background而不是background-image。

因此你重复定义了background，结果是最后一个覆竖高液盖前一个。

Answer 2

css代码：
#copyright { background: #000000; width：100%}
.copyright { width: 990px; margin: 0 auto; text-align: center; background: #000000; font-size: 12px; color: #FFFFFF; height: 48px; padding-top: 37px; background:url(images/copyright.png) no-repeat; background-position: 612px 0px;}

Answer 3

css代指滚码：#copyright { background: #000000;}.copyright { width: 990px; margin: 0 auto; text-align: center; background: #000000; font-size: 12px; color: #FFFFFF; height: 48px; padding-top: 37px; background:url(images/copyright.png) no-repeat; background-position: 612px 0px;}
在css代配携码唯卖余中改一下px的值