背景圖片不可見Css

我添加了一個背景圖片，它在頁面中不可見。背景圖片不可見Css

這是我的嘗試：

的CSS：

div{ 


    background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed; 
     -webkit-background-size: contain; 
     -moz-background-size: contain; 
     -o-background-size: contain; 
     background-size: contain; 
     vertical-align: middle; 
     background-position: center; 
    }

Demo Link

來源

2016-03-18 M-S

這是因爲DIV沒有措施的寬度和高度固定或定義。

background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed; 
    -webkit-background-size: contain; 
    -moz-background-size: contain; 
    -o-background-size: contain; 
    background-size: contain; 
    vertical-align: middle; 
    background-position: center; 
    width: 500px; 
    height: 500px; 
}

工作link

來源

2016-03-18 22:24:38 WakeupMorning

謝謝你，它工作正常，但我有文字圖像，其漸漸模糊。 https://jsfiddle.net/8sjjxp0e/4/ –

當然，這種行爲是因爲當你使用背景大小的包含屬性時，它會嘗試適應這個度量，然後圖像變得模糊。 – WakeupMorning

任何工作鏈接，以擺脫模糊。 –

背景圖片不可見Css

回答

相關問題