文字/鏈接背景應該是漸變背景的透明，但是在白色

Question

我有一個小問題。我開始爲自己設計一個新網站www.dvpwebdesign.com。我目前只是使用HTML和CSS。我遇到的問題是IE，我的介紹頁面有一個重複的漸變背景，其上有鏈接/文字。所有的Safari瀏覽器，火狐瀏覽器都可以正常工作，但不是可怕的IE瀏覽器，它顯示了文本背後的白色背景。屏幕的其餘部分具有正確的漸變背景。我知道你應該使用背景顏色：沒有，我做了。我也試過背景色：透明，都無濟於事。如果有人能幫助我會很感激？下面是CSS，你可以提前從哪個是活動的網站，感謝HTML：

您的jQuery的惡作劇

body { 
margin: 0; 
padding: 0; 
background-color: none; 
width:1000px; 
background-image: url(gradient4.jpg); 
background-repeat: repeat-x; 
} 



#menu a{ 
    color:#a0a0a0; 
    font-weight:normal; 
    text-decoration:none; 
    font-size:14px; 
    margin-left:10px; 
    margin-top:-35px; 
    font-family: Skia; 


    } 
#menu a span.two{ 
    color:#33ccff; 
    cursor:pointer; 
     font-size:14px; 
     font-weight:500px; 
    font-family: Skia; 

} 

    #menutwo a{ 
    color:#9966ff; 
    font-weight:normal; 
    text-decoration:none; 
    font-size:12px; 
    margin-left:10px; 
    margin-top:-35px; 
    font-family: Skia; 

} 
#menutwo a span.two{ 
    color:#660099; 
    cursor:pointer; 
     font-size:12px; 
    font-family: Skia; 

} 
#menuthree a{ 
    color:#c8c8c8; 
    font-weight:normal; 
    text-decoration:none; 
    font-size:80px; 
    font-family: Skia; 


    } 
#menuthree a span.two{ 
    color:#33ccff; 
    cursor:pointer; 
     font-size:80px; 
    font-family: Skia; 

} 

    #menufour a{ 
    color:#b8b8b8; 
    font-weight:normal; 
    text-decoration:none; 
    font-size:42px; 
    font-family: Skia; 


} 
#menufour a span.two{ 
    color:#339999; 
    cursor:pointer; 
     font-size:42px; 
    font-family: Skia; 
} 

    #menufive a{ 
    color:#a8a8a8; 
    font-weight:normal; 
    text-decoration:none; 
    font-size:22px; 
    font-family: Skia; 


} 
#menufive a span.two{ 
    color:#0066ff; 
    cursor:pointer; 
     font-size:22px; 
    font-family: Skia; 
} 



ul#menu { 
width : 1000px; 
list-style-type : none; 
position : relative; 
margin-top:20px; 
margin-right:230px; 
float: right; 
display:inline; 
    font-family: Skia; 

letter-spacing: 1px; 
} 

#menu li {float: right;     
display:inline;} 

ul#menutwo { 
width : 1000px; 
letter-spacing: 1px; 
margin-top:-10px; 
margin-bottom:20px; 
list-style-type : none; 
position : relative; 
float: right; 
display:inline; 
font-size:24px; 
    font-family: Skia; 
margin-right:180px; 
} 

#menutwo li {float: right;     
display:inline;} 

ul#menuthree { 
width : 1000px; 
letter-spacing: 1px; 
list-style-type : none; 
position : relative; 
float: left; 
display:inline; 
    font-family: Skia; 

top: 300px; 
} 

#menuthree li {float: left;     
display:inline;} 

ul#menufour { 
width : 1000px; 
letter-spacing: 1px; 
list-style-type : none; 
position : relative; 
float: left; 
display:inline; 
    font-family: Skia; 

top: 320px; 

} 

#menufour li {float: left;     
display:inline;} 

ul#menufive { 
width : 1000px; 
letter-spacing: 1px; 
list-style-type : none; 
position : relative; 
float: left; 
display:inline; 
    font-family: Skia; 

top: 340px; 

} 

#menufive li {float: left;     
display:inline;} 

Answer 1

一些必須將背景色爲內嵌樣式。

這就是我得到了IE 8的開發者工具跨度：

filter: alpha(opacity=100); ZOOM: 1; background: #fff; 

更新：在這裏。在fadelinks.js

var bgcolor = "#fff"; // unfortunately we have to set bg color because of that freakin' IE *!$%#!!?!?%$! 
         //please use the same background color in your links as it is in your document.