css - 内联 css 背景尺寸封面

Question

我有以下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 错了吗？

Answer 1

使用此代码，比@RAS 版本更干净：

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

Answer 2

您需要使用单个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>