텍스트/링크 배경은 그라디언트 배경 위에 투명해야하지만 흰색입니다.

Question

작은 문제가 있습니다. 나는 새로운 사이트, www.dvpwebdesign.com을 고안하기 시작했다. 나는 현재 HTML과 CSS를 사용하고 있습니다. 내가 가진 문제는 IE, 내 소개 페이지에 반복 된 그라디언트 배경이 있으며 링크/텍스트가 그 위에 있습니다. Safari, Firefox에서는 모두 정상적으로 작동하지만 무시 무시한 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.