上傳到Azure後CSS過渡效果丟失

Question

我不知道如何提問，但這裏是發生了什麼。

我讓我的網站準備好了CSS過渡，樣式和東西。 但是當我上傳到azure時，某些CSS樣式和轉換突然停止工作。

如：

1）我的網站有一個貼紙頁眉/導航欄，只有滾動，直到某一頁，但上傳後後出現，它出現在第一頁。

2）我的菜單中有一個平滑的下拉作用，但它在蔚藍

3）點擊這將順利滾動到正確的頁面菜單時成爲即時下拉列表中，它成爲沒有過渡瞬間。

PS。我的網站有類似於http://www.wampserver.com/en/的樣式，其中所有內容都位於單個頁面中。

我真的不知道從哪裏開始尋找！ 我嘗試刪除網站的內容並重新上傳，但它是同樣的事情。

我的網站能否與天青不兼容？

我用的代碼是簡單的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文件通常輸出爲未解析，只有通過你的Web瀏覽器解釋。

我不能給你一個解決方案，但我可以給你一些建議調試：

• 一切都好你的HTML標記？它是動態生成的嗎？也許它是畸形的？
• 你確定嗎，azure會輸出你最新版本的css文件？不是較舊的或緩存的？您是否使用動態生成的ID作爲樣式選擇器？
• 你使用JavaScript？有沒有腳本錯誤？

您可以使用Firebug或任何其他瀏覽器的網頁開發工具來驗證您的標記，CSS和JavaScript。

如果這不會幫助您，您可以使用Fiddler來檢查和調試流量，並將本地環境的工作輸出與您的天藍色環境的輸出進行比較。你能找到任何區別嗎？