如何制作图像可以在没有设置高度的div中显示重复

时间:2012-02-09 05:00:00

标签: html css

我有这样的问题。

#container_index{
    width:100%;
    height:1300px;
    background:url(../img/green%20pattern.jpg);
}

在上面的代码我设置height 1300px并没有任何问题,我的意思是图像可以显示,可以重复。 但是,如果我更改代码(使用height auto,图像无法显示): 告诉我解决问题的方法。我希望图像显示没有设置高度。 谢谢

  #container_index{
    width:100%;
    height:auto;
    background:url(../img/green%20pattern.jpg); 
    }

3 个答案:

答案 0 :(得分:0)

当您使用height: auto;且div为空时,其高度将为0px,这意味着背景将不会显示。您可能需要设置min-height

答案 1 :(得分:0)

如果没有设置高度,则无法在表格或div中显示图像,通过背景coz height是确保显示某些内容的元素。要么给出容器或图像的高度。

如果你想显示这个没有高度的图像,你必须从html源代码调用它。这样可以正常工作,它不需要高度和宽度元素

有关高度和宽度的图像的更多信息,请阅读此内容。

Height and width

希望这会有所帮助

答案 2 :(得分:0)

在空容器中,您将看不到任何背景图像。如果您添加的内容高达bg的高度,您可以看到完整的图像,否则您将只看到该bg的内容高度。如果你设置一个高度为bg的'min-height'属性,你将能够看到容器中没有任何内容的bg ..希望你理解: - )

此致..