網頁設計公司,網站維護公司,彰化網頁設計公司,台中網站維護,網站維護,網路行銷,富翔資訊 -- CSS border-radius not working in IE11, 在IE11無法正常顯示 border-radius CSS屬性
正在加載......


CSS border-radius not working in IE11, 在IE11無法正常顯示 border-radius CSS屬性

CSS border-radius not working in IE11

在IE11無法正常顯示 border-radius CSS屬性

IE11 瀏覽器是支援 CSS 的 border-radius 屬性,但若是在 HTML 的 HEAD 段中加入了 meta tag ,則該網頁會依 IE7 相容呈現,因此,造成 border-radius 無法正常呈現。
若以 IE11 的 Developer Tools (F12, Inspect element, 檢查元素) 查看,則該CSS屬性底下將會出現紅色波浪底線(Red Sqiggly underline),表示該網頁不支援該CSS屬性。 附註:
一、border-radius 在 IE8 以後版本才開始支援。
二、X-UA-Compatible屬性:
A、強制設定為某特定IE版本:下列四種寫法表示瀏覽器僅依單一種IE版本解析。
強制瀏覽器依單一版本IE9呈現:
強制瀏覽器依單一版本IE8呈現:
強制瀏覽器依單一版本IE7呈現:
強制瀏覽器依單一版本IE5呈現:
B、強制瀏覽器依多個特定版本IE呈現,以分號;作為分隔符號。
強制瀏覽器依 IE9, IE8, IE7 作呈現:
強制瀏覽器依 IE9, IE7 作呈現:
C、強制瀏覽器模擬成特定的IE版本:
D、依瀏覽者端版本呈現:
E、強制瀏覽器依Chrome Frame呈現:
F、依瀏覽者端版本IE或 Chrome 呈現:


gotop