天天看點

Flex Web部分浏覽器相容問題解決

今天找了一天這個項目的相容性的問題,好在功夫不負有心人啊,都解決了

照理來說Flex應該沒什麼相容性的問題的,但是我做的這個web應用卻是有那麼幾個問題,在IE8核心的電腦上會出現,部分360浏覽器也是

第一個問題:

Flex頁面顯示不全,由于在我的應用中需要的面積比較大,是以沒有用自适應大小,設了minWidth="1000" minHeight="710"這兩個屬性

但是在360等浏覽器中由于頁面可見高度隻有610左右,是以剩下的就顯示不出來了,如下圖空白區:

Flex Web部分浏覽器相容問題解決

解決辦法:在項目的html-template檔案夾下打開index.template.html這個檔案,然後添加一行元标簽<meta http-equiv="X-UA-Compatible" content="IE=6;IE=7;IE=8"  />

第二個問題:

登入輸入框文字不顯示的問題,當使用者點選登入的時候,我會把使用者和密碼輸入框的enabled屬性設為false,也就是不可用的,在其他浏覽器中時不會有問題,但是在部分

360浏覽器中那個文字卻會隐藏掉,這個問題找了我一個下午終于找出來了,我先自己寫了個輸入框禁用測試,發現是沒問題,于是我以為會是項目的某些引用引起的

于是,我把登入這塊又抽出來,還是不會出現,很窩火啊,後面幹脆照搬,所有的一樣,還是不會,後來突然想到哪個模版檔案中有加屬性,是以就找出問題了

原來在之前,因為做右鍵菜單,我把系統的右鍵菜單隐藏掉了,在index.template.html檔案中有加 params.wmode="transparent";這個屬性,現在把它去掉就好了。

Flex Web部分浏覽器相容問題解決
Flex Web部分浏覽器相容問題解決

最後個問題,就是晚上吃完飯回來的時候發現的,由第一個問題引起的,加上那行标簽之後,發現竟然加了一層邊框,以下第一張圖是加了之後有邊框的

Flex Web部分浏覽器相容問題解決
Flex Web部分浏覽器相容問題解決

把第一個問題的元标簽改成這樣就好了<meta http-equiv="X-UA-Compatible" content="IE=edge" >,意思是以最新的IE版本模式來相容

由于出現了第一個問題,老總說沒有解決的話,改排版,但是現在解決了,老總還說要改,蒼天啊!

上一篇: 堆排序
下一篇: TCP首部