2012-04-13 55 views
0

我正在對http://chaseonthelake.com/工作。該網站在FireFox中工作正常,但是在Internet Explorer中打開時,下拉菜單的透明度無法正確顯示,導致下拉菜單無法讀取,並且邊欄項目周圍有黑色邊框。看看下面的圖片,看看我在說什麼。任何有關這些問題的幫助,將不勝感激! enter image description hereWordPress主題在IE 8及以下版本中顯示不正確

+0

嗨,你可以更換背景圖片與透明度的更多信息RGBA顏色檢查該http://css-tricks.com/rgba-browser-support/ – 2012-04-13 05:52:07

+0

你能檢查它是否可以在Internet Explorer中使用嗎? – user1249318 2012-04-13 06:09:06

回答

0

由於IE對某些元素應用了默認的CSS樣式,黑色邊框的問題可能會出現。我建議在任何CSS之前使用像Eric Meyer這樣的「CSS重置」來標準化跨瀏覽器的基本樣式。

http://meyerweb.com/eric/tools/css/reset/

至於菜單透明度,如果你使用的rgba財產CSS做的透明度,它不會在IE 8或以下工作。您可以使用標準的rgb屬性爲得到由rgba特性在支持它,像這樣的瀏覽器重寫回退:

.menu{ 
    background-color: rgb(255, 255, 255) /*Fallback for non-rgba-supporting browsers*/ 
    background-color: rgba(255, 255, 255, 0.8); 
} 
+0

我剛剛添加到我的CSS。你現在可以看到它的外觀嗎?我現在沒有可用的IE瀏覽器 – user1249318 2012-04-13 06:06:25

+0

黑色邊框仍然存在 – user1249318 2012-04-13 06:22:55

0

在你的CSS這個圖片刪除

.class {filter:alpha(opacity=value);}

。我希望它會爲你工作,並使用CSS

a img {border:none 0;}

+0

在Style.css中沒有看到.class文件? – user1249318 2012-04-13 06:38:30

+0

img {border:none 0;} – user1249318 2012-04-13 06:41:23

+0

在styles.css中找到.home .categories img和.categories img {filter:alpha(opacity = 40);}之後,黑色邊框仍然存在並將其刪除 – Sam 2012-04-13 06:46:57