我有一种情况,我需要在<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正常运行,但是在文章的底部提到了它们。

10-05 20:15
查看更多