CSS 动画在 HTA 中不起作用



我正在尝试在"hta"程序中为我的图像添加一些动画 但是CSS"转换"命令不起作用 这是我的风格.css文件:

img {   -ms-transform : translate(20px,20px);
-ms-transition : transform 1s ;}
img:hover { -ms-transform : translate(40px,40px);
-ms-transition : transform 1s ;}

我试过-moz--o--webkit-...没有任何效果,但是当我按.html运行它时,它可以工作

等待您的答复并提前感谢您

我在 Windows 10 上测试了这个 HTA,它对我有用!

试一试吧!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test CSS3</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<style>
img {   -ms-transform : translate(20px,20px);
-ms-transition : transform 1s ;}
img:hover { -ms-transform : translate(40px,40px);
-ms-transition : transform 1s ;}
</style>
</head>
<body>
<center>
<img src="https://i.gyazo.com/843dbef1d43700db12710c283aae4c7c.gif"></img>
</center>
</body>
</html>

是的,过渡和动画效果直到 ie=10 才起作用

如果你使用 IE=9,它们不起作用,但如果你使用 IE=11 或 IE=Edge,VBScript 不起作用

所以你必须使用 ie=10

<meta http-equiv="X-UA-Compatible" content="ie=10">

相关内容

  • 没有找到相关文章

最新更新