我所有的 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 元素,并只保留它内联。感谢您的帮助!
最佳答案
选项...
A) 通过 PHP 生成第二个较小的 CSS 文件,其中仅包含 background-image
属性;
B) 将图像 URL 内联到标记或正文末尾
这里的问题是,为什么你需要背景图片而不仅仅是输出 <img>
标签。背景图像不会被搜索引擎编入索引,您也无法为它们存储标题。如果您要处理照片,您绝对应该使用 IMG 标签。
关于PHP 生成的用户图库图片作为外部 css 中的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21099875/