首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS的背景-图像-正确的用法是什么?

CSS的背景-图像-正确的用法是什么?
EN

Stack Overflow用户
提问于 2009-05-12 08:25:58
回答 10查看 370.8K关注 0票数 151

CSS背景图像属性的正确用法是什么?我想要理解的关键事情是

  1. 是否需要用引号括起来,即:background-image: url('images/slides/background.jpg');
  2. Can it是一个相对路径(如上所述),还是必须是一个完整的URL?
  3. 为了确保它能在符合标准的浏览器上正常工作,我需要注意任何其他要点。
EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2009-05-12 08:36:32

路径可以是完整的,也可以是相对的(当然,如果图像来自另一个域,则它必须是完整的)。

您不需要在URI中使用引号;语法可以是:

代码语言:javascript
复制
background-image: url(image.jpg);

代码语言:javascript
复制
background-image: url("image.jpg");

但是,来自W3

出现在未加引号的URI中的一些字符,如圆括号、空格字符、单引号(')和双引号("),必须使用反斜杠进行转义,以便生成的URI值是URI标记:'(',')‘。

因此,在这样的情况下,必须使用引号或双引号,或者对字符进行转义。

票数 161
EN

Stack Overflow用户

发布于 2009-05-12 08:32:01

  1. 否您不需要报价。
  2. 是的,您可以。但请注意,相对URL是从您的stylesheet.
  3. Better的URL解析而来的,不使用引号。我认为有些客户并不了解他们。
票数 49
EN

Stack Overflow用户

发布于 2009-05-12 08:34:34

1)加引号是个好习惯

2)可以是相对路径,例如:

代码语言:javascript
复制
background-image: url('images/slides/background.jpg');

将在加载css的文件夹中查找图像文件夹。因此,如果图像在另一个文件夹中或在CSS文件夹树之外,则应使用绝对路径或相对于根路径的相对路径(以/开头)

3)你应该对background-image使用完整的声明,以使其在符合标准的浏览器中保持一致,例如:

代码语言:javascript
复制
background:blue url('/images/clouds.jpg') no-repeat scroll left center;
票数 35
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/851724

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档