html - 如何在框中添加图片

我正在使用html页面。我可以在框中包含图像，但我不知道为什么它不可见。我应该在某个地方包含它吗？它与项目的所有其他映像位于目录中。这是我页面中的视图

这是我的代码：

的HTML

    <div id="LibraryContent"style="text-align:center;">
        <div id="adbox">
            <img src="../images/thriller.jpg" align="left" style="width:100px;height:100px" />
        </div>
    <section class="container">
        <nav>
        <style>
            div {

                height: 650px;
                width: 850px;
                padding: 3px;
                border: 3px solid;
                vertical-align: middle;

            }

        </style>
    </nav>
</section>
</div>

CSS：

#LibraryContent {
    background: transparent;
    vertical-align: top;
    display: table-cell;
    padding: 8px 0 0;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-top: -50px;
    margin-left: -300px;
}

#adbox {
    width: 840px;
    height: 150px;
    margin-top: -9px;
    background-color: dimgrey;
}

由于我在发布代码时遇到一些问题，因此我取消了身体部位。希望您能够帮助我。这只是一个错误，或者与图像类型有关。所有图像都在目录../Web/Music/images中。我没有使用javascript（准确地说）

最佳答案

根据上面显示的图像，问题与路径有关


尝试检查路径是否正确
检查您使用的文件类型是否正确
检查文件的大小写，例如您使用thriller.jpg而不是Thriller.jpg

关于html - 如何在框中添加图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25947912/