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

sai2333
  • 45

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

图片描述

图片描述

如果还需要更详细的信息麻烦请留言,小弟感激不尽!

回复
阅读 1k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏