Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Html 使用transform属性时,如何将两个img组合成一个img?_Html_Css - Fatal编程技术网

Html 使用transform属性时,如何将两个img组合成一个img?

Html 使用transform属性时,如何将两个img组合成一个img?,html,css,Html,Css,我目前正在尝试创建一个项目的动态列表,其中每个项目都附带一个图像作为缩略图。在这个列表中,我想在顶部展示几个项目,我想在项目缩略图的角落添加另一个倾斜的图像,上面写着“特色” 问题是:当我将鼠标悬停在项目上时,使用transform:scale()放大缩略图属性。但是,特色标签从其自身中心放大,而不是跟随缩略图。我想要两个 图像不工作,你能用有效的图像替换它吗?@TemaniAfif似乎对我有用。也许你需要先在浏览器缓存中加载图像?图像不工作,你能用一个有效的图像替换它吗?@TemaniAfif

我目前正在尝试创建一个项目的动态列表,其中每个项目都附带一个图像作为缩略图。在这个列表中,我想在顶部展示几个项目,我想在项目缩略图的角落添加另一个倾斜的图像,上面写着“特色”

问题是:当我将鼠标悬停在项目上时,使用
transform:scale()放大缩略图属性。但是,特色标签从其自身中心放大,而不是跟随缩略图。我想要两个


图像不工作,你能用有效的图像替换它吗?@TemaniAfif似乎对我有用。也许你需要先在浏览器缓存中加载图像?图像不工作,你能用一个有效的图像替换它吗?@TemaniAfif似乎适合我。也许您需要先在浏览器缓存中加载图像?