1

我正在開發我的第一個SharePoint項目,以進行一些UX支持。我的客戶的頁面使用了一些自定義CSS,包括一個帶有下拉菜單的水平主菜單。當頁面在IE9中加載時,沒有任何子菜單正常工作。當您將鼠標懸停在頂層項目上時會顯示下拉菜單,但是當您將光標放到子菜單下時,懸停不會註冊並且菜單消失。IE9文檔模式切換修復SharePoint CSS問題?

這些鏈接在Chrome和Firefox的最新版本中工作正常,所以我很確定這是一個IE怪癖。在IE9中,如果我打開開發人員工具並將文檔模式從IE9切換到IE7,然後返回到IE9,則菜單在瀏覽器選項卡的剩餘生命週期內正常工作(例如,當我使用子菜單導航到其他頁面,下拉菜單繼續正常工作)。不幸的是,因爲這是SharePoint,所以我沒有太多的控制HTML結構的地方。

任何人都知道可能會發生什麼?有誰知道切換到IE7的瀏覽器模式的影響,以及爲什麼可以解決這個問題?謝謝!

+0

所以,當頁面第一次加載,你看開發工具,它說*文檔模式:IE9標準*? – tw16

+0

這是正確的。如果我將其更改爲IE7標準,然後返回到IE9標準,則可以使用。我相信下面lofto描述的meta標籤是可行的,但前提是我可以確保它是頭部的第一個meta元素。我無法操縱SharePoint將meta標籤放在那裏。 – GenuineSmile29

+0

@ GenuineSmile29我試過了,它不適合我。你找到解決方案嗎? – bgmCoder

回答

3

試試這個:

<meta http-equiv="X-UA-Compatible" content="IE=7"> 

這將迫使IE8,IE9等來渲染,好像他們是IE7。

+0

我會給你一個鏡頭並報告回來! – GenuineSmile29

+0

我得到: HTML1115:X-UA兼容META標記('IE = 7')被忽略,因爲文檔模式已經完成。 – GenuineSmile29

+0

我想我需要定位META標籤,因此它是頭部中的第一個META標籤。否則會被忽略。 – GenuineSmile29