內嵌CSS背景大小的蓋

我遇到下面的CSS代碼內嵌CSS背景大小的蓋

.imgf{ 
    background: url(/thatscooking/FotoTC/FotoTC/ALWIN01.JPG) no-repeat center center ; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

這就是工作，因爲它應該現在我需要改變用PHP IMG所以我試圖用內嵌CSS

<div style="background: url(/thatscooking/FotoTC/FotoTC/ALWIN01.JPG) no-repeat center center" 
    style="background-size: cover" 
    style="-webkit-background-size: cover" 
    style="-moz-background-size: cover" 
    style="-o-background-size: cover" 
    class="imgf "> 
<div id="naamb"><p>Album Naam</p></div></div>

只是現在的背景是尺寸蓋沒有工作，現在用的是內聯CSS錯了，我沒有出現在螢火

嗎？

來源

2012-12-27 Ivo

你不應該使用的元件中的風格。使用css –

我正在使用它來改變它與PHP – Ivo

您需要使用單個style標籤。

<div style="background: url(/thatscooking/FotoTC/FotoTC/ALWIN01.JPG) no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover;" 
    class="imgf "> 
<div id="naamb"><p>Album Naam</p></div></div>

來源

2012-12-27 00:03:21 RAS

謝謝你現在的工作！ – Ivo

使用此代碼，比@RAS版本吸塵器：

background: url(image.jpg) no-repeat center center/cover;

來源

2014-07-29 15:42:15

內嵌CSS背景大小的蓋

回答

相關問題