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）将图片网址内嵌到标记或正文末尾

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

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

1 个答案: