Html 背景DIV被切断

很抱歉发布此消息，因为我知道答案可能非常简单，但我有一个带有背景图像的div，由于某种原因被切断，我不明白，为什么

我尝试了使用height和width属性使div大小变大，尝试了移动div，还尝试了lineheight属性，但什么都没有得到

我在这方面已经工作了一段时间，所以我打算做一些其他的事情，同时我希望有人能检查一下，帮助我，也许能为我指明正确的方向

谢谢

以下是HTML：

<nav>
        <ul id="navUl">
            <li class="navLinks"><a class="taimurknaziri" href="#top"><strong>TAIMUR K NAZIRI</strong></a></li>
        <li class="navLinks">
            <a class="navLinks" href="#projects">Projects</a>
        <!-- START SUB-MENU FOR PROJECTS -->
        <ul class="fallback">
            <li class="navLinks"><a href="#">Websites</a></li>
            <li class="navLinks"><a href="#">API's</a></li>
            <li class="navLinks"><a href="#">Games</a></li>
        </ul>
        <!-- END SUB-MENU FOR PROJECTS -->
        </li>
            <li class="navLinks"><a class="navLinks" href="#about">About</a></li>
            <li class="navLinks"><a class="navLinks" href="#contact">Contact</a></li>
            <li class="navLinks"><a class="navLinks" href="#contact">Blog</a></li>
        </ul>   
    </nav>
    <br>
    <!-- BACKGROUND -->
    <div id="backgroundContainer"><br>
        <div id="titleContainer">
            <img id="tkn" src ="images/tkn.png"> 
        </div> 
    </div>

更改：

max-height: 100%;
background-size: 100%;

致：

对于#backgroundContainer

---

你在这里面临两个问题。背景大小和最大高度都使用其父div的百分比。背景大小也接受两个值，第一个是宽度，第二个是高度。如果未设置第二个高度，它将默认为“自动”，这不是您要查找的。将“最大高度”更改为“高度”时，将两个背景大小值都设置为100%可以解决所有问题

克里斯·科伊尔很擅长解释这些东西。这篇博文给了我很多帮助：你不需要让它们全屏显示，它应该可以在任何容器中工作。下面是你发布代码的演示。。这里缺少什么；你能告诉我你想要什么吗？@KheemaPandey这是我名字的标题图片，在divHey@taimurKNaziri的背景图片上。你试过我提出的解决方案了吗？我认为它应该解决您的问题。虽然您的方法是正确的，但IE8不支持它。你能为IE8和更低版本的软件提供一个编辑吗？很好@MaxBaldwin。幸运的是，关于背景大小的另一个建议是CSS2，因此它将在传统浏览器中得到支持。

max-height: 100%;
background-size: 100%;

height: 100%
background-size: cover; /* or background-size: 100% 100%; */