最有效的方式添加圖像到身體包裝？

所以我知道如何有效地將顏色包裝添加到身體，如webkit-box-shadow。最有效的方式添加圖像到身體包裝？

但是這一次我想添加圖像到我堅實的背景作爲包裹我的身體。一個很好的例子是天空的藍色背景，周圍有你的身體div的隨機雲。無論如何，除了創建一個能完美地與你的身體同步的背景圖像之外，還需要做這些嗎？

這裏是我想要達到一個例子：http://i.stack.imgur.com/ttoLR.png

非常感謝任何人誰可以借給任何樣的建議！

來源

2013-09-25 TheCrispyToast

嗨！你試過什麼了？告訴我們你的代碼，你現在是什麼.. – Lan

隨機和CSS不起作用。要獲得隨機圖像，您需要隨機的類名稱，或者服務器爲您提供一個URL下的隨機圖像（可能通過重定向） – HerrSerker

與HTML中的許多事情一樣，您可以通過各種方式實現此目的。我會做的，將創建一個透明的雲彩圖像，並將其設置爲父div的背景圖像。

範例CSS：

#wrapper { width: 1000px; background: url('clouds.png') center top transparent; } 
#inner { background: #FFF; width: 940px; margin: 0 auto; border-radius: 6px; }

示例HTML：

<div id="wrapper"> 
    <div id="inner"> 
    ...Your page contents... 
    </div> 
</div>

來源

2013-09-25 07:49:26 mavrosxristoforos

最有效的方式添加圖像到身體包裝？

回答

相關問題