加载与网站位置相关的背景图像
我目前正在建立我自己的网页，现在，它看起来像那样。
目标是具有相对于文档路径的宽标题背景图像加载:
图像的容器如下所示:
<header style="background-image: url('../../images/header.jpg');">
<!-- Header Content -->
</header>
下面的方式我也试过，结果也是一样的:
<header style="background-image: url('/images/header.jpg');">
<!-- Header Content -->
</header>
我的想法是将每个页面的标题图像放到一个相对的“images”文件夹中。
问题是:每个子页面都从根目录加载头图像。我怎么做最好？
共有1个答案
如果HTML文档位于“articles”文件夹中，则背景图像的URL应该是URL('images/header.jpg')-在本例中，“images”文件夹与HTML文档处于同一级别，因此前面没有斜杠。
-
我正在尝试添加一个背景图像到标题在一个Squarespace网站我正在工作。我成功地使用了他们论坛中建议的以下代码： 然而，它只覆盖主导航区域，而不是整个头部区域。我希望它看起来像这样： 然而，在这个示例页面中，它看起来是这样的，我将代码添加到： https://matthew-kern-drzz.squarespace.com/paints-new 有人有解决办法吗？ 干杯, M. 附注。我只是
-
问题内容： 我正在尝试在CSS中使用背景图片，但是即使我给出了图片的完整路径，也无法正常工作。Firebug显示“无法加载给定的URL”。我确定该文件夹中没有权限问题。我的CSS课是 是什么原因引起的？ 问题答案： 您正在使用本地路径。那真的是你想要的吗？如果是，则需要使用前缀： 显然，这仅在您的本地计算机上有效。 此外，在许多现代浏览器中，仅当页面本身也位于本地文件路径上时，此方法才有效。从远程
-
问题内容： 我已经按照所有的教程讲完话了。我在CSS样式表中的身体内部指定了背景，但是页面仅显示空白的白色背景。图片与.html和.css页面位于同一目录中。本教程说 已弃用，所以我在CSS中使用 没有成功。这是整个CSS样式表： 问题答案： 这是另一个图片网址结果..工作正常…我只是放了一个图片路径..请检查一下..
-
我是一个新的编码，我正在尝试设置一个图像作为我的CSS页面的背景。我可以让背景改变颜色，但当我尝试使用一个实际的图像，什么都不加载。 以下是我的HTML： 以下是我的CSS： 我做错了什么？
-
除了背景背景平铺外，CSS还提供了另一个强大的功能，即背景定位技术，能够精确控制背景在对象中的位置。 默认情况下，背景图像都是从元素 padding 区域的左上角开始出现的，但设计师往往希望背景能够出现在任何位置。通过 background-position属性，可以很轻松的控制背景图像在对象的背景区域中的起始显示位置。其语法格式为： background-position: xpos ypos
-
我有一个angular项目，其中有一个大的背景图像，填充页面，还有一个简单的侧边栏，其中包含链接，单击后，会将背景的url更改为另一个图像（来自cdn）。由于这些图像相当大，需要一两秒钟才能加载，这很明显，我想添加一个预加载程序，但我不确定如何在angular 2中完成。 在我的html中，我有这个: 变量urlImage填充在组件的构造函数中，侧栏链接在单击时用一个简单的函数改变它的值，如下所示
-
简而言之；有没有办法取消/清除JavaFX图像的背景加载？ 在我的代码中，我加载了一堆图像。出于性能原因，在后台使用 来自Images类。 问题是，有时，用户交互会导致程序在加载之前更新图像列表（而不需要之前的图像）。在这一点上，我想取消以前的后台加载。现在，它仍然加载以前的图像，导致实际需要的图像加载时间更长。 请看下面的例子。当我在旧的源完成处理之前得到一个新的源流时，内容开始显示图像需要更长
-
问题 试图模糊（而不是变暗）对话框的背景。 并且不建议使用。 方法是，从当前视图中截图并模糊它。然后，当出现时，将其附加到背景，然后它就会工作。 但是总是在顶部而不是中间。（查看图片） 在附加后无效。（在将其附加到背景之前，警报可以定位到中心位置，但在将模糊视图附加到背景之后，始终转到顶部） 如何在屏幕中设置警报中心？ 以下是我尝试过的代码，任何指南都将不胜感激， 当我按back时显示警报。 其他