У меня небольшая проблема.Я начинаю разрабатывать новый сайт для себя, 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;}