html - 如何使用 CSS 将图像宽度和高度设置为 100%？

Question

我的代码:

background:url(images/menu_edu.jpg) no-repeat;

但是只显示了一半的图像。

Answer 1

具有背景的元素需要是图像的大小。

即花.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。