CSS转换不能在safari中工作

问题描述:

我想通过使用translate(因为它被默认放在那里)在WordPress页面上移动搜索框小部件。下面的代码适用于除Safari之外的所有主流浏览器,包括桌面版和移动版。代码如下:CSS转换不能在safari中工作

input#s { 
 

 
    -ms-transform: translateY (85px); 
 
-webkit-transform: translateY (85px); 
 
-moz-transform: translateY (85px); 
 
-o-transform: translateY (85px); 
 
transform: translateY(85px); 
 
z-index: 1000; 
 
position: relative; 
 
display: inline-block; 
 

 
}

感谢您的帮助。

+0

请问您可以发布您的CSS和HTML代码的其余部分?或者更好的是,请制作一个JSFiddle。 – 2014-10-16 14:55:40

是不是有一个原因,你在translateY之后有空格,但是没有前缀?这就是我想要解决的问题。

它读取的是translateY,但由于空间的原因,您没有附加任何值。

+0

非常棒的地方。+1 – 2014-10-16 15:00:29

+0

这里没有特别的理由。我现在已经删除了空格,它的工作原理。谢谢。 – MattFletcher 2014-10-16 23:21:16