我有一种情况,我需要在<div>
的背景中设置图像,并希望它根据div动态调整大小。这意味着<div>
的高度和宽度可以根据飞行中的数据而变化。因此,我希望图像遵循<div>
。
谢谢
最佳答案
您可以依靠CSS background-size属性。 See this tutorial-他们将其应用于body元素,但这可以与任何<div>
一起使用。基本上,它看起来像这样:
.examplediv {
background: url(images/example.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
有一些过滤器需要应用才能使IE正常运行,但是在文章的底部提到了它们。