無法在Chrome和Safari

定位背景圖像

#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認爲此代碼不正確。任何人都能發現我的錯誤嗎

來源

2012-07-19 Zoran

是對背景位置的四個值允許??? – SVS 2012-07-19 08:11:14

工作在FF和Opera ... – Zoran 2012-07-19 08:33:04

-1

background-position: top right 20px 20px;

來源

2012-07-19 08:29:56 Prashobh

不，這將無法正常工作 - 特別是對於Chrome/Safari – Luke 2014-10-09 05:55:04

兼用

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-19 09:04:22

「right 20px top 20px」是css3的正確語法。請參閱w3c：http://w3.org/TR/css3-background/#the-background-position另請參閱http://code.google.com/p/chromium/issues/detail?id=57963瞭解可能的解決方案。 – Veda 2013-03-11 15:29:22

無法在Chrome和Safari

回答

相關問題