我有一个小问题。我开始为自己设计一个新网站,www.dvpwebdesign.com。我目前只是在上面使用 html 和 css。我遇到的问题是 IE,我的介绍页面有重复的渐变背景,上面有链接/文本。在 Safari、Firefox 上一切正常,但在可怕的 IE 上却不行,后者在文本后面显示白色背景。屏幕的其余部分正确地具有渐变背景。我知道您应该使用背景颜色:无,我确实这样做了。我也试过背景颜色:透明,都无济于事。如果有人可以提供帮助,我将不胜感激?下面是 CSS,您可以从实时站点获取 html,提前致谢:
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;}
最佳答案
您的一些 jQuery 恶作剧必须将背景颜色应用为内联样式。
这是我在 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.
关于html - 文本/链接背景在渐变背景上应该是透明的,但为白色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3074928/