需要IE css修復幫助。矩形框出現在下拉框中

您可以在右側看到一些CSS下拉菜單。

谷歌瀏覽器的正常工作

但在IE中我看到一些矩形框。

誰能告訴我如何解決它？

感謝

的問題似乎是，在每一個選擇框風格<div>可見。您可以通過在IE9每個<select>的不透明度設置爲0，或使用filter:alpha(opacity = 0)老年IE的

2012-01-10 08:19:31 danwellman

我試過你的建議。但我沒有看到任何變化。 – user1091558 2012-01-10 08:38:15

當我在開發人員工具欄中添加樣式時，它爲我解決了這個問題。 – danwellman 2012-01-10 13:59:36

嘗試明確設置的#unlockingp option背景顏色透明修復它。

#unlockingp option {background-color:transparent}

出於某種原因，背景顏色似乎被設置爲rgb(10, 110, 143)，這就是IE的開發工具欄告訴我。

2012-01-10 08:23:18 wosis

我也試過你的建議。但我沒有看到任何變化。 :( – user1091558 2012-01-10 08:38:55

你爲什麼不嘗試使用CSS PIE - http://css3pie.com/

它可以讓你使用IE6-9 CSS3功能，而不會在其他瀏覽器破壞。您可以使用CSS PIE添加圓角和漸變。福利是你不必使用圖像，因此等待圖像加載。 PIE爲你完成所有繁重的工作。

如果您需要在您的矩形框添加一個漸變，你可以在這裏生成的梯度，然後將代碼複製在右側面板，當你有你的選擇的梯度 - http://www.colorzilla.com/gradient-editor/

此外，還可以使用jquery插件 - http://www.verot.net/jquery_select_skin.htm - 這可以幫助皮膚選擇框。 注意：該插件在IE6中不起作用，但優雅地降級。

2012-01-10 10:42:10

回答