上传到Azure后，CSS Transition效果丢失

Question

我不知道如何问这个问题，但现在正在发生这种情况。

我的网站准备好了CSS转换，样式和内容。 但是当我上传到azure时，某些CSS样式和转换突然停止工作。

如：

  

1）我的网站有一个贴纸标题/导航栏，只有在滚动到某个页面后才出现，但在上传后，它会出现在第一页。

     

2）我的菜单有一个平滑的下拉效果，但它变成了天蓝色的即时下拉

     

3）当点击顺利滚动到右页的菜单时，它会立即转变。

PS。我的网站的样式类似于http://www.wampserver.com/en/，其中所有内容都在一个页面中。

我真的不知道从哪里开始寻找！ 我尝试删除网站的内容并重新上传，但这是一回事。

我的网站可能与azure不兼容吗？

我使用的代码是简单的CSS代码：

 -webkit-transition: height 0.35s ease;
 -moz-transition: height 0.35s ease;
 -o-transition: height 0.35s ease;
 transition: height 0.35s ease;

Answer 1

很难说你的网站出了什么问题，但通常情况下，css文件的输出都是未解析的，只能通过网络浏览器进行解释。

我不能给你一个解决方案，但我可以给你一些调试建议：

• 您的HTML标记一切正常吗？它是动态生成的吗？也许它是畸形的？
• 您确定，azure会输出您最新版本的css文件吗？不是旧的或缓存的？您是否使用动态生成的ID作为样式选择器？
• 你使用JavaScript吗？有任何脚本错误吗？

您可以使用Firebug或任何其他浏览器的网络开发工具来验证您的标记，CSS和JavaScript。

如果这对您没有帮助，您可以使用Fiddler检查和调试流量，并将local-enviroment的工作输出与azure-enviroment的输出进行比较。你能找到任何差异吗？