Css Can'；t在Chrome和Safari中定位背景图像

我的CSS中有以下代码：

#照片{
宽度：340px；
高度：250px；
背景图像：url（'../images/photoboxicon.png'）；
背景位置：顶部20px右侧20px；
背景重复：无重复；
背景色：#211f1f；
边框：1px实心#666666；
浮动：左；
边缘顶部：20px；
边界半径：2px；
-webkit边界半径：2px；
-moz边界半径：2px；
}

虽然这段代码在Firefox和Opera中成功定位了我的背景图标，但Chrome和Safari将图标定位在左上角

检查chrome中的代码时，我可以看到行

背景位置：顶部20px右侧20px交叉并在开始时有警告标记，这意味着Chrome认为此代码不正确。有人能发现我的错误吗？
使用其中一种

background-position: top right 20px 20px;

background-position: top right;

或

您也可以使用速记，如：

background:#211f1f url('../images/photosBoxIcon.png') 20px 20px no-repeat;


它的语法可能不正确，这就是为什么chrome不能正确显示结果的原因

background-position: top right;

或

您也可以使用速记，如：

background:#211f1f url('../images/photosBoxIcon.png') 20px 20px no-repeat;


它的语法可能不正确，这就是为什么chrome不能正确显示结果的原因。
是否允许背景位置有四个值？？？是否允许背景位置有四个值？？？“right 20px top 20px”是css3的正确语法。请参阅w3c：另请参阅以了解可能的解决方案。“right 20px top 20px”是css3的正确语法。请参阅w3c：另请参阅以了解可能的解决方案。不，这将不起作用-尤其是对于Chrome/Safarino，这将不起作用-尤其是对于Chrome/Safari