无法在Chrome和Safari

Question

定位背景图像

我在我的CSS下面的代码：

#photos { 
    width:340px; 
    height:250px; 
    background-image: url('../images/photosBoxIcon.png'); 
    background-position: top 20px right 20px; 
    background-repeat:no-repeat; 
    background-color:#211f1f; 
    border: 1px solid #666666; 
    float:left; 
    margin-top:20px; 
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
} 

尽管此代码成功地定位在Firefox和Opera，Chrome和Safari位置的图标我的背景图标左上角。

当在铬中检查代码时，我可以看到行background-position: top 20px right 20px;交叉并在行首有警告标记，这意味着Chrome认为此代码不正确。任何人都能发现我的错误吗

Answer 1

background-position: top right 20px 20px; 

Answer 2

兼用

background-position: top right; 

或

background-position:20px 20px; 

，你也可以使用简写，如：

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

http://www.w3schools.com/cssref/pr_background-position.asp

"background-position: top 20px right 20px;" 

它不是一个正确的语法，可能这就是为什么Chrome中不显示结果正常