一个js+css进度条效果,上传后ie无效,哪位朋友能指点一下,谢谢!

php中文网
发布: 2016-06-23 13:54:02
原创
917人浏览过

火狐都正常,就是IE和360无效果,如果不放到服务器,直接运行  进度条.html,360也正常,但是放到网站里,运行 进度条.html,360就不正常了,真是不懂是什么原因?

我测试是整个进度条文件夹放到网站根目录的,css和js都没变,直接运行文件夹里的 text.html,360也正常,但是通过 http://127.0.0.1/text.html这样,火狐也正常,360不行

堆友
堆友

Alibaba Design打造的设计师全成长周期服务平台,旨在成为设计师的好朋友

堆友 306
查看详情 堆友

回复讨论(解决方案)

http://127.0.0.1/text.html  这个ie下有不有问题?

text.html 的代码是如何写?

火狐都正常,就是IE和360无效果,如果不放到服务器,直接运行  进度条.html,360也正常,但是放到网站里,运行 进度条.html,360就不正常了,真是不懂是什么原因?

我测试是整个进度条文件夹放到网站根目录的,css和js都没变,直接运行文件夹里的 text.html,360也正常,但是通过 http://127.0.0.1/text.html这样,火狐也正常,360不行



IE和360都不行,只有火狐正常,test.html
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档




<script></script>


















<script> <br /> $(function() { <br /> $('.progressbar').each(function(){ <br /> var t = $(this), <br /> dataperc = t.attr('data-perc'), <br /> barperc = Math.round(dataperc*2.98); <br /> t.find('.bar').animate({width:barperc}, dataperc*20); <br /> }); <br /> <br /> }); <br /> </script>


看了下,应该是css下面这段不起作用:

@-webkit-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@-moz-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@-o-keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}
@keyframes sparkle {
from {background-position:0 0;}
to {background-position:0 -64px;}
}

查看下js,css是否正常加载。

肯定能正常加载的,要不火狐怎么正常?

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号