更新部落格範本後在 IE 的呈現
雖然這個部落格已經很久沒更新內容了,但原先的範本可能因為老舊及修改過多的關係,部分功能已無法使用,像是點進「版面配置」就會出現以下的錯誤訊息!
所以就興起翻新範本的念頭,並且第一次使用範本設計工具來輔助,套用的是「頂尖企業」中有圓角及陰影的那個樣式再加以修改設計,使用的瀏覽器是 Firefox,大致完成後才用 IE 來觀看,卻驚覺 IE8 也載入了不支援的圓角及陰影,但是卻有些問題存在,首先是文章標題的背景顏色未能填滿右側,如下圖:
另外,我在文章單頁的部分運用了 display:none
、visibility:hidden
、height:0
等 CSS 屬性來隱藏側邊欄的部分小工具,在其他瀏覽器都正確消失,唯獨在 IE 出現像是被槍打到一樣的殘影,連不能裝在 XP 上的 IE9 也是。
由於 IE8 本身並不支援 border-radius
以及 box-shadow
兩個 CSS3 語法,所以裡頭的圓角及陰影應該是用 Javascript 做出來的,而這部分我完全不懂,無法處理。
最後還有一個讓我頭痛的問題,那就是頁尾變腰帶,在其下方時有時無的出現一片空白,而且也是時大時小,不知道是什麼毛病?IE 啊!真是善變的小壞蛋!
以上諸問題如有賢德能幫助我解決,小弟感激不盡!!
感謝 Mark X 的「IE9 被Blogger陷害了!」這篇文章,讓問題終於獲得解決!取消了在 IE 呈現的圓角及陰影。
喜歡這篇文章嗎?
告訴他這篇文章觸動了您的心!
真好看!煥然一新了。
回覆刪除感謝你的稱讚...☺
刪除