Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否存在向文件夹中的所有图像添加背景图像的Grunt任务? 出身背景_Css_Image_Gruntjs - Fatal编程技术网

Css 是否存在向文件夹中的所有图像添加背景图像的Grunt任务? 出身背景

Css 是否存在向文件夹中的所有图像添加背景图像的Grunt任务? 出身背景,css,image,gruntjs,Css,Image,Gruntjs,我有一个网站的大量员工图片。每个都是头像,头部周围的区域是透明的: 在网站上,我对每个img应用背景图像 <img class="employee" src="employee_x.jpg" /> .employee { background:url('employee_background.jpg') center center / cover; } 是否有一项繁重的任务可以帮我完成此任务?回答 不幸的是,目前还没有grunt插件可以做到这一点。听起来像是PhotoS

我有一个网站的大量员工图片。每个都是头像,头部周围的区域是透明的:

在网站上,我对每个
img
应用
背景图像

<img class="employee" src="employee_x.jpg" />

.employee {
    background:url('employee_background.jpg') center center / cover;
}
是否有一项繁重的任务可以帮我完成此任务?

回答
不幸的是,目前还没有grunt插件可以做到这一点。

听起来像是PhotoShop操作(批处理)或Imagemagick脚本的工作。史蒂夫,我一直在看Imagemagick,它看起来虽然在覆盖层方面很好,但在底层方面却不太好。我想,我的覆盖层需要是Imagemagick“背景”,这样才能保持大小?您以前是否以这种身份与Imagemagick合作过,是否可以向我介绍任何具体的资源?
employees/john_smith.png
employees/sally_norton.png
employees/bill_miller.png
employees/employee_background.jpg

---->

employees/production/john_smith.png
employees/production/sally_norton.png
employees/production/bill_miller.png
employees/production/employee_background.jpg