为了账号安全,请及时绑定邮箱和手机立即绑定

webpack打包后的代码(transition属性)在火狐和ie中出现不同的情况。

webpack打包后的代码(transition属性)在火狐和ie中出现不同的情况。

慕勒3428872 2018-09-24 10:28:18
webpack打包后的代码在chorme测试没问题。但在ie和火狐会莫名其妙的出现和chorme的行为。我设置某个元素为opacity:0;transition:all 1s;然后给个触发行为才变为opacity:1;ie和火狐就出现问题了:这些被设置了transition属性的元素会先出现(设定是不出现的,除非触发事件)就好像他们先走了一趟过渡。但是!!!一开始我以为是scss编译css的问题。然后我看代码没错,之后我把代码全部拿出来,不用webpack打包,直接跑。这样的话就没出现问题了。真的想不去是哪里有问题……因为css代码是一样的。js代码除了我用webpack导入图片的代码不同,其他代码都一样。下面贴下代码 。
查看完整描述

1 回答

?
温温酱

TA贡献1752条经验 获得超4个赞

是不是先出现的html后加载的css。导致样式没加上?有线上地址吗?

查看完整回答
反对 回复 2018-09-24
  • 1 回答
  • 0 关注
  • 566 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信