PHP 生成的用户图库图片作为外部 css 中的背景图像

Question

我所有的 CSS 样式都是通过外部样式表完成的，但是我有一个 php 生成的用户照片库，它需要一个 div 的背景图像，它是用户的图片(如下面的变量 $userpic)。使用内联 css 没有问题:

echo "<div style=\"width:100px;height:110px;z-index:1;background-   
image:URL('$userpic');background-size:100px 110px;background-repeat:no-repeat;\">
</div>";

但是有没有办法将下面的回显 div(类“NoPicDiv”)的样式元素移动到外部样式表中，也许像下面这样？

echo "<div class=\"NoPicDiv\"></div>"//modified php echo statement

/*The following would be in my external css file*/
.NoPicDiv {
width:100px;
height:110px;
z-index:1;
background-image:URL('$userpic');
background-size:100px 110px;
background-repeat:no-repeat;
}

最坏的情况我将所有样式元素移动到样式表中，除了 background-image 元素，并只保留它内联。感谢您的帮助!

Answer 1

选项...

A) 通过 PHP 生成第二个较小的 CSS 文件，其中仅包含 background-image属性；

B) 将图像 URL 内联到标记或正文末尾

这里的问题是，为什么你需要背景图片而不仅仅是输出 <img>标签。背景图像不会被搜索引擎编入索引，您也无法为它们存储标题。如果您要处理照片，您绝对应该使用 IMG 标签。