0

试图将 4 dry out logo 添加到这个 html 模板中。谁能纠正我做错了什么？它在网站上显示了这一点： 4 干出标志

这是我将图像放置在正文中的代码的一小部分。

<body>
    <!-- Loader -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    
    <!-- Page Content -->
    <div class="container-fluid tm-main">
        <div class="row tm-main-row">

            <!-- Sidebar -->
            <div id="tmSideBar" class="col-xl-3 col-lg-4 col-md-12 col-sm-12 sidebar">

                <button id="tmMainNavToggle" class="menu-icon">&#9776;</button>

                <div class="inner">
                    <nav id="tmMainNav" class="tm-main-nav">
                        <ul>
     <!--ERROR IMG -->      <img data-image="4 Dry Out Logo.jpg" alt="4 Dry Out Logo">
                            <li>
4

2 回答 2

2

除非有其他代码作用于您的img标签，否则您需要使用该src属性来指定图像 URL。图像名称中的空格也可能导致问题。

您需要打开 Web 浏览器的开发人员工具，看看是否可以在网络选项卡中看到请求图像的位置。如果 URL 返回 404 错误，则表明您的图像路径存在问题。如果根本没有发出对图像的请求，则说明您的img标签或代码存在问题，导致请求发送图像。

于 2021-10-11T22:08:50.843 回答
1 
    <img data-image="4DryOutLogo.jpg" alt="4 Dry Out Logo">

首先，您需要考虑重命名图像并从名称中删除空格。

其次，你必须使用如下代码

    <img src = "../yourimagename.jpg">

最后，您必须确保您的图像存在于服务器路径中。我建议您首先通过 url 链接打开图像，一旦打开，将该 url 复制粘贴到 src 代码中。

祝你好运

于 2021-10-11T22:15:47.683 回答