如何在 CSS 中使用背景图片？答案

【问题标题】：How to use background image in CSS?如何在 CSS 中使用背景图片？
【发布时间】：2011-09-09 09:16:07
【问题描述】：

我在我的应用程序中使用 CSS 中的背景图像。我正在使用以下代码来获取背景图像文件

background-image: url("Image\GREEN.GIF");

但我无法获取图像..我知道这是路径问题..我可以获取 java中的绝对路径使用

path=new File("web/CSS/myimage.gif").getAbsolutePath();

但是在 CSS 中如何获取绝对路径..

请帮我获取 CSS 中的绝对路径

提前致谢

拉吉

【问题讨论】：

标签： java css

【解决方案1】：

url("Image\GREEN.GIF")

应该是

url("Image/GREEN.GIF")

相对 URL 在 CSS 中应该可以很好地工作，因此您不需要绝对 URL。请注意，加载它的某些 URL 是 relative to the stylesheet, not the HTML。

【讨论】：

【解决方案2】：

我不确定有没有办法通过 CSS 获取绝对路径，但是这里可以不使用相对路径吗？

假设你有以下几点：

-root
-----css
-----img

为了从您的 css 文件中引用您的图像，您只需放置一个路径

background-image: url("../img/myfile.gif");

【讨论】：

谢谢..它正在工作..但我怀疑如果我将war文件部署在tomcat webapps文件夹中，它可以工作吗？
您应该没问题，因为您的图像路径将与您的 css 所在的文件夹相关。假设您在部署环境中保持文件夹结构相同并且您没有使用某种形式的干扰的 URL 重写，你应该没问题。

【解决方案3】：

还请记住，您提供背景图像的项目必须包含内容，或设置尺寸！否则什么都不会显示！

【讨论】：

【解决方案4】：

你不需要绝对的URL。通常，样式表中的url是相对于样式表的，但是如果你定义了鼠标光标的图像，IE不支持相对于样式表的URL，你应该设置相对于的路径根路径或使用绝对路径。

【讨论】：