IE不支持background-image动画

最新推荐文章于 2021-11-16 17:48:22 发布

未来可祺

最新推荐文章于 2021-11-16 17:48:22 发布

阅读量560

点赞数

本文链接：https://blog.csdn.net/qq_44170340/article/details/97801997

版权

IE不支持background-image动画

刚刚学了CSS3 animation，高兴的想要制作一个动图，却发现代码没有错，然而就是无效，背景图片过渡和颜色动画却是可以，困惑了很久，最后发现是浏览器的问题，IE浏览器似乎不支持background-image:url（）动画，然后重新下载了一个谷歌浏览器就ok了。

背景图片动画

<!DOCTYPE html>
<html>
<head>
	<title>动图</title>
	<meta charset="utf-8">
	<style type="text/css">
		.box{
    
			width:200px;
			height:150px;
			background-image: url("1.jpg");
			background-size: 100%;
		}
		@keyframes pic{
    
			0%{
    
				background-image: url("1.jpg");

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

未来可祺

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
IE不支持background-image动画

IE不支持background-image动画刚刚学了CSS3 animation，高兴的想要制作一个动图，却发现代码没有错，然而就是无效，背景图片过渡和颜色动画却是可以，困惑了很久，最后发现是浏览器的问题，IE浏览器似乎不支持background-image:url（）动画，然后重新下载了一个谷歌浏览器就ok了。背景图片动画<!DOCTYPE html><html&gt...
复制链接

扫一扫