我的代码：
background:url(images/menu_edu.jpg) no-repeat;
但只有一半的图像被显示出来。
答案 0 :(得分：4)
具有背景的元素需要是图像的大小。
即。 flower.jpg = 255px x 55px
<div class="flower">
Some text
</div>
.flower {
background: url(flower.jpg) no-repeat;
width: 255px;
height: 55px;
}
如果您使用的是背景，则无法将元素的大小设置为图像的尺寸。您可以使用javascript计算尺寸。
或者如果您需要重复图像，可以在背景标签上使用repeat，repeat-x或repeat-y。
答案 1 :(得分：0)
您没有显示足够的代码，但如果背景图像位于body元素中，则可能不会在整个视口中延伸。
尝试
html, body { min-height: 100% }
答案 2 :(得分：0)
如果您只想显示图像，IMG标签更有用和有效......（并且可以设置为宽度（/＆amp;）高度= 100％）。
答案 3 :(得分：0)
如果您想以完整尺寸显示图像，则无需使用CSS
不要给<img>标签赋予高度和宽度属性
<img src="this.jpg" />它将以完整尺寸显示
但是，如果您希望<div>以完整尺寸显示其背景，那么除了指定精确的图像尺寸之外别无选择