我怎樣纔能有一個白色背景的圖像浮動左？

Question

我的CSS代碼是：

.logo{ 
content:url(http://www.dylionsrugby.com.au/wp-content/uploads/2012/04/lion.png/600x600); 
background-color: White; 
float: right; 
} 

和HTML我有：

<div class="logo"></div> 

我失去了一些東西，似乎沒有什麼`

Answer 1

你的問題是有些一般？您也可以使用圖像上的定位屬性而不是div來模擬正確的定位。

.logo{ 
 
    width: 250px; 
 
    height: 75px; 
 
    background-image: url("http://www.slate.com/content/dam/slate/articles/health_and_science/science/2015/07/150730_SCI_Cecil_lion.jpg.CROP.promo-xlarge2.jpg"); 
 
    background-color: white; 
 
    background-repeat: no-repeat; 
 
    background-size: 100% 100%; 
 
    float: right; 
 
}

<div class="logo"></div>

所有的

Answer 2

首先， 「內容」 屬性用於：前和：後僞元素。其次，圖片的鏈接不正確。我假設你想用一個白色背景，使這裏的DIV .logo裏面的圖片是的jsfiddle：https://jsfiddle.net/Iulius90/njne5sy5/

代碼：

.logo { 
background: white url(http://www.dylionsrugby.com.au/wp-content/uploads/2012/04/lion.png) no-repeat center; 
background-size: cover; 
float: right; 
width: 200px; 
height: 200px; 
}