IE9 測試過程中遇到的問題

問題:頁面中的img 未設置border屬性,

在chrome、Firefox、IE11中均正常渲染,

但用IETester時 在IE9中卻出現了2px的邊框,

解決:爲img添加 border:none;



附:在使用IETester時,還需要下載DebugBar插件,用其中IE9測試時,打開頁面莫名其妙彈出空白彈框,

然而,在js中刻意添加一條 alert();語句時,卻神他媽的不彈。

在網上搜解決出錯原因和解決方案時,搜出來的基本都是四五年前的,無語了。

然後,偶然看到目前IE11竟然可以仿真之前的舊版本,233333333,真是日了狗了。

那還等什麼,果斷的卸載IETester。開始了我愉快的測試過程。

打開IE11,按F12,找到仿真,設置IE9模式。

等等,首先又把css中的 img 設置的 border:none; 註釋掉,

然後打開自己寫的頁面,img果真顯示了2px黑黑的邊框,此時,在我眼中,這2px黑邊框是世間最美麗的線條。

不對,據我以前的人生經驗,沒有100%的把握,千萬不要立什麼flag。

那我再在 js中加一條 alert(); 吧。刷新頁面,嘿嘿嘿,perfect!!

至此,證實了確實可以用IE11的仿真功能模仿之前的IE舊版本。


測試後,發現寫的頁面完全兼容IE9。只不過由於IE9不支持 css3中的 transition等功能,動畫效果不是很好。

至於IE8,不支持CSS3的屬性更多了,不過頁面內容大致顯示完全,排版佈局無誤。另,jplayer無法加載視頻。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章