CSS背景图像属性的正确用法是什么?我想要理解的关键事情是
background-image: url('images/slides/background.jpg');
发布于 2009-05-12 08:36:32
路径可以是完整的,也可以是相对的(当然,如果图像来自另一个域,则它必须是完整的)。
您不需要在URI中使用引号;语法可以是:
background-image: url(image.jpg);
或
background-image: url("image.jpg");
但是,来自W3的
出现在未加引号的URI中的一些字符,如圆括号、空格字符、单引号(')和双引号("),必须使用反斜杠进行转义,以便生成的URI值是URI标记:'(',')‘。
因此,在这样的情况下,必须使用引号或双引号,或者对字符进行转义。
发布于 2009-05-12 08:32:01
发布于 2009-05-12 08:34:34
1)加引号是个好习惯
2)可以是相对路径,例如:
background-image: url('images/slides/background.jpg');
将在加载css的文件夹中查找图像文件夹。因此,如果图像在另一个文件夹中或在CSS文件夹树之外,则应使用绝对路径或相对于根路径的相对路径(以/开头)
3)你应该对background-image使用完整的声明,以使其在符合标准的浏览器中保持一致,例如:
background:blue url('/images/clouds.jpg') no-repeat scroll left center;
https://stackoverflow.com/questions/851724
复制相似问题