javascript - 如何使图像随着 DIV 的变化而动态调整大小？

Question

我有一种情况需要在 <div> 的背景中设置图像并希望它根据 div 动态调整大小。这意味着 <div> 的高度和宽度可以根据飞行中的数据进行更改。所以我希望图像跟随 <div> . 谢谢

Answer 1

您可以依赖 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 正常运行，但在帖子底部提到了它们。