gpt4 book ai didi

html - 目录更改后不显示横幅图像

转载 作者:太空宇宙 更新时间:2023-11-04 10:11:47 24 4
gpt4 key购买 nike

我有一个横幅 header ,在网站的主目录中显示其横幅图像,但是一旦我将 HTML 文件移动到子文件夹并更新所有链接以反射(reflect)文件夹更改,横幅图像就不再显示。在我所有的代码编辑器中,图像的路径都设置正确。您将在下面找到我的标题中的代码以及无法正常工作的代码部分。 top-banner.jpg 是这里的问题。页面上的所有其他图像都有效,并且与横幅图像位于同一目录中。任何建议将不胜感激。

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Products</title>
<meta name="description" content="">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/font-awesome.css" rel="stylesheet">
<link href="../css/flaticon.css" rel="stylesheet">
<link href="../css/fopen-sans.css" rel="stylesheet">
<link href="../css/raleway-webfont.css" rel="stylesheet">
<link href="../css/lato.css" rel="stylesheet">
<link href="../css/idangerous.swiper.css" rel="stylesheet">
<link href="../css/magnific-popup.css" rel="stylesheet">
<link href="../img/favicon.ico" rel="shortcut icon">
<link href="../css/style.css" rel="stylesheet">
<link href="../css/responsive.css" rel="stylesheet">
</head>



<div class="wpc-top-header overlay img-bg">
<img src="../img/top-banner.jpg" alt="banner" class="hidden">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="wrapper">
<div class="heading">Our Products</div>
<div class="subheding">
<a href="index.html" class="link">home</a><span class="round"></span>
<a href="#" class="link">pages</a><span class="round"></span>
<a href="about.html" class="link active">Our Products</a>
</div>
</div>
</div>
</div>
</div>
</div>

最佳答案

删除 class="hidden"<img src="../img/top-banner.jpg" alt="banner" class="hidden">


编辑:从提供的链接可以看出,文件 /htmltest/js/scripts.js包含:

/*-------------------------*/ 
/* ADD BACKGROUND IMAGE */
/*-------------------------*/


$(".img-bg").each(function(){
$(this).css("background-image", "url("+$(this).find("img").attr('src')+")");
});

但是,路径js/scripts.js未更新为 ../js/scripts.js , 并且不执行此脚本。所以只需替换所有 js/进入../js/在 HTML 文件中。

关于html - 目录更改后不显示横幅图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37546106/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com