Css 导航菜单项未在safari中显示,但在我将鼠标移到菜单上时正确显示子菜单
菜单项在所有浏览器中正确显示,但在safari中不显示(不可见)。当我将鼠标放在菜单上时,似乎菜单项在那里,并且正确显示子菜单。请尽快解决此问题 HTML:Css 导航菜单项未在safari中显示,但在我将鼠标移到菜单上时正确显示子菜单,css,Css,菜单项在所有浏览器中正确显示,但在safari中不显示(不可见)。当我将鼠标放在菜单上时,似乎菜单项在那里,并且正确显示子菜单。请尽快解决此问题 HTML: 在css中,写在类名之前,#写在id之前 您还没有在css中这样做 CSS: 给你 CSS更改: #sidenav li { list-style:none; position: relative; display:block; } 这在Safari中有效。希望这有帮助。我有用处。和#在我的css中标记,我在提交
在css中,
写在类名之前,#
写在id之前
您还没有在css中这样做
CSS:
给你
CSS更改:
#sidenav li {
list-style:none;
position: relative;
display:block;
}
这在Safari中有效。希望这有帮助。我有用处。和#在我的css中标记,我在提交问题时已删除这些。
sidemenu{
width:200px;
height:auto;
margin-top:150px;
}
sidenav ul {
float: left;
padding: 0;
border-bottom: none;
list-style: none;
}
sidenav li {
list-style:none;
position: relative;
}
sidenav li a {
padding: 1em 2em;
text-decoration: none;
color:#000000;
float: left;
/* background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
border-right: 1px solid #3c3c3c;
border-left: 1px solid #292929;
border-top: 1px solid #545454;*/
}
sidenav li a:hover {
background: #6666CD;
background: -moz-linear-gradient(top, #11032e, #6666CD);
background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
border:2px solid #000000;
border-radius:20px;
color:#FFFFFF;
}
sidenav li ul {
overflow:hidden;
display: none;
position: absolute;
left: 130px;
padding: 0; margin: 0;
}
sidenav li:hover > ul {
display: block;
}
sidenav li ul li, #sidenav li ul li a {
float: none;
}
sidenav li ul li {
_display: inline;
}
sidenav li ul li a {
width: 120px;
display: block;
}
sidenav li ul li ul {
display: none;
}
sidenav li ul li:hover ul {
left: 100%;
top: 0;
}
sidenav li ul {
}
.sidemenu {
width:200px;
height:auto;
margin-top:150px;
}
#sidenav ul {
float: left;
padding: 0;
border-bottom: none;
list-style: none;
}
#sidenav li {
list-style:none;
position: relative;
}
#sidenav li a {
padding: 1em 2em;
text-decoration: none;
color:#000000;
float: left;
}
#sidenav li a:hover {
background: #6666CD;
background: -moz-linear-gradient(top, #11032e, #6666CD);
background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
border:2px solid #000000;
border-radius:20px;
color:#FFFFFF;
}
#sidenav li ul {
overflow:hidden;
display: none;
position: absolute;
left: 130px;
padding: 0;
margin: 0;
}
#sidenav li:hover > ul {
display: block;
}
#sidenav li ul li, #sidenav li ul li a {
float: none;
}
#sidenav li ul li {
display: inline;
}
#sidenav li ul li a {
width: 120px;
display: block;
}
#sidenav li ul li ul {
display: none;
}
#sidenav li ul li:hover ul {
left: 100%;
top: 0;
}
#sidenav li ul {
}
#sidenav li {
list-style:none;
position: relative;
display:block;
}