2

我的 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 将图标定位在左上角。

在 chrome 中检查代码时，我可以看到该行被background-position: top 20px right 20px;交叉，并且行的开头有一个警告标记，这意味着 Chrome 认为该代码不正确。谁能发现我的错误？

4

2 回答 2

0

使用任何一个

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 无法正确显示结果的原因

于 2012-07-19T09:04:22.250 回答
-1 
background-position: top right 20px 20px;
于 2012-07-19T08:29:56.577 回答