我在使用Windows移动图像的Safari时遇到问题。有人可以帮忙吗?
菜单似乎在IE中根本不起作用 - 我不知道该怎么做!
Here's the page with the problem
这里是我怀疑safari问题的CSS:
#nav ul {
background:#FFFFFF;
height:auto;
padding:10px 0;
position:absolute;
top:-125px;
width:180px;
z-index:-1;
transition:0.8s ease-in-out;
box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-moz-transition:0.8s ease-in-out;
-o-transition:0.8s ease-in-out;
-webkit-transition:all 0.8s ease-in-out;
}
#nav ul li {
width:180px;
}
#nav ul li a {
background:transparent;
height:20px;
line-height:20px;
width:180px;
}
#nav:hover {
height:200px;
}
#nav li:hover ul {
-moz-transform:translate(0,161px); /*some css3*/
-o-transform:translate(0,161px);
-webkit-transform:translate(0,161px);
}
#nav a:hover,#nav li:hover > a {
color:#6d6e71;
}