IE8兼容性 - css的背景和邊框

我有一些用於wordpress網站的css。它看起來應該是在Chrome/safari等，但通常在IE8中不正確。IE8兼容性 - css的背景和邊框

div有一個背景顏色和用於邊框的moz-border-radius。邊框並不重要，但背景顏色只是部分路徑，或者在IE8的情況下，根本不是。

如果你看到的通訊註冊表格中途下來的頁面，在Chrome等擁有再加上邊境一個漂亮的藍色背景。然而在IE中它只是作爲白色背景顯示，而忽略了大部分的樣式。

的簡報註冊是在右手邊欄。在IE8中，背景只能延伸一半？

這無疑是與css相關的。我用盡如使用固定的高度等，但到目前爲止沒有運氣:(

任何幫助表示讚賞的各種變化。

2012-05-30 Wayners247

看來您使用的是一些HTML5標記（'aside'），其中IE8不會自動理解正常。你需要做一些標準的樣式來製作'擱置'，'部分'和其他html5元素'display：block'等。 –

這是一個不清除浮動的經典案例。將'overflow：hidden'添加到'.wpmlwidget'並閱讀[本文]（http://css-tricks.com/the-how-and-why-of-clearing-floats/）。 –

謝謝，溢出：隱藏似乎已經工作的側欄區域，但主頁仍然不顯示任何背景？ – Wayners247

您已經使用<aside>標籤，這就是爲什麼它是一個無效的標記爲IE 8

2012-05-30 14:56:08

如果您在頁面的頭部添加一行JavaScript以創建一個名爲'aside'的元素 - 即document.createElement（'aside'）;' - 它應該開始工作。請參閱http://code.google.com/p/html5shim/ –

使用HTML5標記在IE8/7是造成問題。

如果使用http://modernizr.com/它帶有一個HTML5 SHIV，應允許在IE7/8 HTML5標籤..

2012-05-30 15:39:34

最後我解決這個問題... :)

請檢查您的HTML代碼

<aside id="wpmlwidget-2" class="wpmlwidget">....</aside>

請DIV更換您預留的代碼在IE 8不支持，這將work..aside代碼。

<div id="wpmlwidget-2" class="wpmlwidget">....</div>

，並在IE-7或IE 8可以通過java腳本邊境半徑檢查此鏈接http://davidwalsh.name/css-rounded-corners

2012-05-31 06:52:26

回答