Question

我有一个div，其大小可能会不时变化。

在我将背景图像设置为tat div时，图像尺寸是固定的。但我需要将背景图像适合任何大小的div。

怎么可能'CSS。

提前致谢!!!

Answer 1

CSS 2.x无法在大多数浏览器中使用，但CSS 3引入了background-size属性。您可以在此处阅读详细信息：http://www.css3.info/preview/background-size/

Answer 2

使用CSS更改图像大小的唯一方法是使用<img>元素。我的意思是你可以做那样的事情：

img#myBG { width:200px; height:100px; }

如果你需要它作为背景，你应该使用'z-index'并将你的img放在包含内容的元素下。

这样的事情：

<div id="holder">
  <img id="myBG" src="...." />
  <div>my content here</div>
</div>

<style>
#holder { position:relative; width:200px; height:100px; }
#holder div { position:absolute; top:0; left:0; z-index:2; }
img#myBG { width:200px; height:100px;  { position:absolute; top:0; left:0; z-index:1;  }
</style>

背景图像需要适合div

2 个答案: