CSS background-image – 什么是正确的用法？
什么是CSS背景图像属性的正确用法？ 我试图理解的关键是
- 它是否需要在引号即：
background-image: url('images/slides/background.jpg'); - 它可以是一个相对path（如上），或者它必须是一个完整的URL？
- 我应该注意的任何其他要点，以确保其在符合标准的浏览器中正常工作。
path可以是完整的或相对的（当然，如果图像来自另一个域，则它必须是满的）。
您不需要在URI中使用引号; 语法可以是：
background-image: url(image.jpg);
要么
background-image: url("image.jpg");
但是，从W3 ：
出现在未加引号的URI中的某些字符（例如括号，空白字符，单引号（'）和双引号（“））必须使用反斜线进行转义，以便生成的URI值为URI标记：'\（'， '\'）。
所以在这样的情况下，要么使用引号或双引号，要么转义字符。
-
不，你不需要报价。
-
是的你可以。 但是请注意，相对URL是从样式表的URL中parsing出来的。
-
最好不要用引号。 我觉得有客户不理解他们。
1）举报是一个好习惯
2）它可以是相对path，例如：
background-image: url('images/slides/background.jpg');
将在加载css的文件夹中查找图像文件夹。 因此，如果图像位于另一个文件夹中或不在CSS文件夹树中，则应使用绝对path或相对于根path（以/开头）
3）您应该使用完整的background-image声明来使其在符合标准的浏览器中performance一致，如：
background:blue url('http://img.dovov.comclouds.jpg') no-repeat scroll left center;
相对path是好的，引号是没有必要的。 另一个可以帮助的事情是使用“简写” background属性指定背景颜色，以防图像不加载或由于某种原因不可用。
#elementID { background: #000 url(images/slides/background.jpg) repeat-x top left; }
还要注意，你可以指定图像是否重复，以及在什么方向（如果你没有指定，默认是水平和垂直重复）以及图像相对于其容器的位置。
如果您的图像位于您的css文件的单独目录中，并且您希望相对path从您的网站的根目录开始：
background-image: url('/Images/bgi.png');
你不需要使用引号，你可以使用任何你喜欢的path！
查看背景图像和URI的相应站点参考页面
- 它不必在引号中，但可以使用它们，如果你喜欢。 （我认为IE5 / Mac不支持单引号）。
- 相对和绝对都是可能的; 相对path是相对于css文件的path。
只是检查目录结构的图像是假设你有一个css文件夹和图像文件夹外的css文件夹，那么你将不得不使用“../ images / image.jpg”，它会像我这样做，只要确保目录结构。
只需在你的css文件中写下如下所示
background:url("images/logo.jpg")
你真的不需要报价，如果说使用正在使用您的CSS文件，它可以是图像
{background-image: url(your image.png/jpg etc);}
