안녕하세요, 저는 하위 메뉴가있는 CSS 메뉴를 만들었습니다. Firefox에서 완벽하게 작동하는 것 같습니다. 그러나 IE에 문제가있는 것 같습니다. 그냥 작동하지 않습니다. 누군가가 저에게 일하라고 말할 수 있습니까? Heres는 CSSIE에서이 작업을 수행 할 수 있습니까?
body
{
margin:0px;
padding:0px;
font-family:calibri;
font-size:16px;
}
#navigation
{
width:100%;
height:40px;
background-color:#999;
}
#navigation ul
{
margin:0px;
padding:0px;
}
#navigation ul li
{
display:inline;
height:28px;
width:15.7%;
float:left;
list-style:none;
border-style:solid;
border-width:1px;
border-color:#c3c3c3;
padding:5px 5px 5px 5px;
margin-left:0px 0px 0px 0px;
position:relative;
text-align:center;
}
#navigation ul li:hover
{
color:#fff;
background-color:red;
}
#navigation li a
{
color:#fff;
text-decoration:none;
}
#navigation li a:hover
{
color:black;
text-decoration:underline;
}
#navigation li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
Right:0px;
top:39px;
padding:0px 0px 0px 0px;
}
#navigation li:hover ul
{
display:block;
width:160px;
border-style:solid;
border-width:0px;
border-color:red;
background-color:none;
padding-right:4px;
}
#navigation li li
{
list-style:none;
display:list-item;
border-style:solid;
border-width:0px;
border-color:blue;
background-color:yellow;
width:100%;
margin: 2px 2px 2px 2px;
padding:0px 0px 0px 0px;
text-align:left;
}
#navigation li li:hover
{
list-style:none;
display:list-item;
border-style:solid;
border-width:0px;
border-color:none;
background-color:none;
width:100%;
text-align:left;
}
#sbmenu
{
border-style:solid;
border-width:0px;
border-color:gray;
background-color:#b1b1b1;
width:97%;
height:90%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
text-align:left;
}
#sbmenu:hover
{
background-color:#c3c3c3;
}
(또한 HTML 문서의 첫 번째 줄에 추가해야합니다) 귀하 HTML이 누락 된 것 같습니다. – Oded
어떤 IE입니까? 그것은 IE9 베타에서 잘 작동했습니다. –
우리가 작동하게하려면 HTML 코드를 보여줘야합니다. –