Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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 有没有一种方法可以用alpha作为透明度显示gif?_Css - Fatal编程技术网

Css 有没有一种方法可以用alpha作为透明度显示gif?

Css 有没有一种方法可以用alpha作为透明度显示gif?,css,Css,我有一个现实的gif动画与降雪。雪是白色的,其他一切都是黑色的。我想知道,如果CSS允许使黑色透明 我想把带有gif的div放在我的标题上方-我想让真实的雪花飘落在我当前的标题图像上。我知道jquery中已经有降雪的动画,但它们并不像这样逼真 如果这无法通过css实现-删除黑色并将其保存为png的解决方法是什么?(然后我可以使用step方法使png动画化) 编辑: 这是“工作”小提琴代码 .header{ 宽度:100%; 高度:350px; 背景图片:url(https://s-media-

我有一个现实的gif动画与降雪。雪是白色的,其他一切都是黑色的。我想知道,如果CSS允许使黑色透明

我想把带有gif的div放在我的标题上方-我想让真实的雪花飘落在我当前的标题图像上。我知道jquery中已经有降雪的动画,但它们并不像这样逼真

如果这无法通过css实现-删除黑色并将其保存为png的解决方法是什么?(然后我可以使用step方法使png动画化)

编辑: 这是“工作”小提琴代码

.header{
宽度:100%;
高度:350px;
背景图片:url(https://s-media-cache-ak0.pinimg.com/originals/fa/6c/d2/fa6cd2d0ff6f0b0f6b89537b7d608a00.jpg);
}
.斯诺{
宽度:100%;
身高:100%;
背景图片:url(http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl=http://mmbiz.qpic.cn/mmbiz/jYVY58x65QgvLU6RVkj81CWN1HI1F6DVWibNczicqmrX1a0Hmeb8FicZOOZ8Gia7Kib67M9Dw6QKjZhEcya93c2ia7zA/0?wx_fmt=gif);
背景大小:100%;
}

您可以看看

.header{
宽度:100%;
高度:350px;
背景图片:url(https://s-media-cache-ak0.pinimg.com/originals/fa/6c/d2/fa6cd2d0ff6f0b0f6b89537b7d608a00.jpg);
}
.斯诺{
宽度:100%;
身高:100%;
背景图片:url(http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl=http://mmbiz.qpic.cn/mmbiz/jYVY58x65QgvLU6RVkj81CWN1HI1F6DVWibNczicqmrX1a0Hmeb8FicZOOZ8Gia7Kib67M9Dw6QKjZhEcya93c2ia7zA/0?wx_fmt=gif);
背景大小:100%;
混合混合模式:屏幕;/*但与不透明度一样,它会影响整个容器和内容*/
}

您可以看看

.header{
宽度:100%;
高度:350px;
背景图片:url(https://s-media-cache-ak0.pinimg.com/originals/fa/6c/d2/fa6cd2d0ff6f0b0f6b89537b7d608a00.jpg);
}
.斯诺{
宽度:100%;
身高:100%;
背景图片:url(http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl=http://mmbiz.qpic.cn/mmbiz/jYVY58x65QgvLU6RVkj81CWN1HI1F6DVWibNczicqmrX1a0Hmeb8FicZOOZ8Gia7Kib67M9Dw6QKjZhEcya93c2ia7zA/0?wx_fmt=gif);
背景大小:100%;
混合混合模式:屏幕;/*但与不透明度一样,它会影响整个容器和内容*/
}


有要显示的代码和gif吗?你试过或看过混合模式吗?有关混合模式,请参见Canuse allso。最好是编辑你的礼物,这里可能的副本是fiddle@GCyrillus-是的,你是对的。混合模式为我做的把戏!!!但它在不同浏览器上的兼容性如何?编辑:附言。我见过人们用视频剪辑制作这样的效果。mp4。如何在视频文件中使用透明的黑色?是的,混合模式很容易实现FF和Chrome的功能,但IE失败了。正如我所评论的,最好是编辑你的gif设置黑色为透明色。对于视频,我不知道你想怎么做。您还可以考虑SVG做一些更类似于背景混合模式->:(在IE中也失败)要显示任何代码和gif吗?你试过或看过混合模式吗?有关混合模式,请参见Canuse allso。最好是编辑你的礼物,这里可能的副本是fiddle@GCyrillus-是的,你是对的。混合模式为我做的把戏!!!但它在不同浏览器上的兼容性如何?编辑:附言。我见过人们用视频剪辑制作这样的效果。mp4。如何在视频文件中使用透明的黑色?是的,混合模式很容易实现FF和Chrome的功能,但IE失败了。正如我所评论的,最好是编辑你的gif设置黑色为透明色。对于视频,我不知道你想怎么做。你也可以考虑SVG做更多相似的背景混合模式->(也在伊江失败)谢谢你:这就是我所需要的。考虑添加一些引用,比如“用白色产生白色的颜色,用黑色的叶子来筛选原色不变”。你能再解释一下吗?(现在我只使用类混合混合模式:屏幕;它做得很好。”DaWID,我的意思是,规范明确地说<代码>屏幕< /Cord>混合模式将对您的情况起作用,因为白色的雪将保持白色,黑色背景将变得透明。谢谢:这就是我所需要的。请考虑添加一些类似的引用。“用白色屏蔽任何颜色都会产生白色;用黑色加网后原色保持不变“@Oriol-我不明白。你能解释一下吗?(现在我只使用类mix-blend-mode:screen;它做得很好。@Dawid我的意思是规范明确地说,
screen
blend-mode将适用于您的情况,因为白色的雪将保持白色,黑色的背景将变得透明。