【问题标题】:Location of CSS background image? [duplicate]CSS背景图片的位置? [复制]
【发布时间】:2014-08-23 16:32:49
【问题描述】:

我一直在 W3schools 学习网页设计。最近,我开始使用 CSS。对于背景图片,例如: background-image: url("Paper.gif")

我的问题是:它甚至在哪里找到这张图片?它不像“url”是一个实际的 URL,Paper.gif 似乎是凭空出现的。是否与 CSS 文件保存在同一个文件中?

【问题讨论】:

标签: html css background


【解决方案1】:

上面的示例告诉浏览器图像位于您网站的根目录。但是,如果图像是这样的 background-image: url("images/Paper.gif") 那么它告诉浏览器图像在图像文件夹中。希望这很清楚:)

无论如何...这是最适合初学者的 HTML 和 CSS 书籍:http://www.htmlandcssbook.com/

【讨论】:

    【解决方案2】:

    由于您只提供了文件名,因此浏览器会从提供文件的同一目录中加载Paper.gif。它通常被称为“相对路径”。

    例如,如果您加载 http://example.com/index.html 并且该页面引用了 background-image: url(background.png),它将寻找要加载的 http://example.com/background.png

    当然,这是假设您没有使用外部样式表。如果是这样,您的相对路径将从提供样式表的位置加载。例如,如果您加载http://example.com/index.html,它引用http://example2.com/style.css 的样式,并且那个样式表引用了一个名为background.png 的文件,浏览器将在http://example2.com/background.png 处查找文件 p>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-05-29
      • 2015-03-10
      相关资源
      最近更新 更多