html - 在 CSS 中本地链接 url()

标签 html css hyperlink background-image

我正在尝试为我的网页获取背景图片。我有一个外部样式表的链接,它工作正常(适用 CSS),但是当我尝试使用 background-image 获取背景图像时,它没有显示结果。我已经尝试了绝对和相对 URL

HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
        <meta name="created" content="Wed, 26 Mar 2014 04:01:34 GMT">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Welcome to CSS</title>
        <link rel="stylesheet" type="text/css" href="welcome.css" />
    </head>
    <body></body>
</html>

CSS:

body{
    background-image:url('C:\Users\Neo\Documents\CoffeeCup Software\My
Website\Files\images.jpg');
    background-repeat:repeat-x;
}  

最佳答案

您不能从本地设置绝对路径。您可以只设置绝对路径的实时网页。以下方式,

 BODY { background-image: url(http://www.bg.com/pinkish.gif) }

另一种设置相对路径的方法。我假定您的网站根文件夹

 __My Website
      |__Files
          |__images.jpg
      |__welcome.css
      |__welcome.html

它是相对于样式表的,但我建议使 url 相对于你的 url,基于上面的 strutted set relative path 以下方式,

 background-image:url('Files/images.jpg');

关于html - 在 CSS 中本地链接 url(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22651760/

相关文章:

html - 搜索引擎如何从 html 页面中获取结构化数据?

html - 与 Firefox 相比,图像在 Chrome 中未正确调整大小

html - ng-container 的内部 HTML,Angular 4?

javascript - 如何在没有外部信息的情况下从相对网址获取绝对路径?

javascript - 如何修改 Elasticsearch 文档的 _source 字段

javascript - 如何使用 grunt autoprefixer 定位 IE9 及更高版本?

css - 在移动网络上禁用水平滚动

html - CSS float mosaic - 文本居中问题

css - 悬停链接不完全显示背景

node.js - nodejs jade从配置加载链接