css - CSS/HTML Internet Explorer 图片高度：div 的 100%

Question

我已经使用 div 块构建了我的网站。我有一个高度为 70% 的 div，在这个 div 中我想放置这个 div 高度为 100% 的图像。在 firefox、opera、chrome 中，它可以完美运行，但在 Internet Explorer 中却不行。你有什么想法吗？

Answer 1

尼克布尔是对的，但你需要的不止这些。您可以使用 background-size:cover 确保它填充整个背景并且不会重复。从 css-tricks 中提取的示例：

.your_div { 
  background: url(images/your_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

http://css-tricks.com/perfect-full-page-background-image/