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;"

適切な構文ではない可能性があるため、クロムが結果を適切に表示しない

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