Css 转换属性在safari浏览器中不起作用
我网站上的Css转换效果在safari中不起作用(在最新版本上测试)。在Chrome、firefox和Opera中测试的其他浏览器中,过渡运行良好 我的代码如下:Css 转换属性在safari浏览器中不起作用,css,safari,transition,Css,Safari,Transition,我网站上的Css转换效果在safari中不起作用(在最新版本上测试)。在Chrome、firefox和Opera中测试的其他浏览器中,过渡运行良好 我的代码如下: .navbar-inverse ul a{ overflow: hidden; -webkit-transition: color 0.5s; -o-transition: color 0.5s; -moz-transition: color 0.5s; transition: color
.navbar-inverse ul a{
overflow: hidden;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
}
.navbar-inverse ul a::before{
-webkit-transition: top 0.5s;
-o-transition: top 0.5s;
-moz-transition: top 0.5s;
transition: top 0.5s;
}
如何修复它?之后,转换也可以在safari中使用。问题在于,您将元素的转换属性与伪元素
放在了
之前。尝试放置元素本身的转换属性。这就是我的意思:
.navbar-inverse ul a{
overflow: hidden;
-webkit-transition: color,top 0.5s;
-o-transition: color,top 0.5s;
-moz-transition: color,top 0.5s;
transition: color,top 0.5s;
}
寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码,最好是以最短的代码。看