gpt4 book ai didi

css - 在 JSP 页面中使用 CSS 引用图像

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

我正在编写一个 java servlet(struts/JSP 等)。我试图在 JSP 页面中使用 CSS 设置进度条的样式,但在使用 chrome 的开发人员工具时出现此错误:

资源解释为图像但使用 MIME 类型文本/纯文本传输。

<%@ include file="../include/css/default.css"%>

在 CSS 文件中:

背景:url(../images/bg_bar.gif) 不重复 0 0;

谁能解释这是为什么,并展示我如何在我的页面中使用这个 CSS?

最佳答案

啊...我明白你的问题在哪里了。您使用 @include 包含了 css,因此它将整个 css 文件插入到您的 html 代码中。

结果如下所示:

localhost:8080/GraphBuilder/yourpage.htm

<html>
...
<style>
.myId {
background:url(../images/bg_bar.gif) no-repeat 0 0;
}
</style>
...

现在,看看页面的地址,您认为它会在哪里尝试查找图像?确切地说,在 localhost:8080/GraphBuilder/../images/bg_bar.gif -> localhost:8080/images/bg_bar.gif .

你有 2 个选项来解决它:

  1. 代替@include,使用简单的<style type="text/css" src="include/css/default.css"/> .这将使它在路径 localhost:8080/GraphBuilder/include/css/default.css 中查找 css。 . css 将在 localhost:8080/GraphBuilder/include/css/../images/bg_bar.gif 中查找图像-> localhost:8080/GraphBuilder/include/css/images/bg_bar.gif .
  2. 保留所有内容,但将 css 文件中的路径更改为“include/images/bg_bar.gif”。然而,这个解决方案比第一个更糟糕,因为在 html 文件中包含 css 很糟糕。

关于css - 在 JSP 页面中使用 CSS 引用图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3052033/

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