转换财产不工作在Safari浏览器

我的网站上的Css过渡效果不适用于safari（在最新版本上测试）。在其他浏览器在Chrome，Firefox和Opera上测试过程中，转换效果良好。转换财产不工作在Safari浏览器

我的代码如下：

.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中起作用。

来源

2016-12-15 FRQ6692

寻求代码帮助的问题必须包括在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]（https：// blog .stackoverflow.com/2014/09 /引入可运行的JavaScript-CSS-和HTML的代码段/）。请参阅[**如何创建最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

-1

问题是，您将元素的转移属性与伪元素before一起放置。尝试放置元素本身的transition属性。这就是我的意思：

.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; 
}

来源

2016-12-15 12:31:22

转换财产不工作在Safari浏览器

回答

相关问题