背景圖像在div中心不透明度不使用兩個div

我想在div中心有一個背景圖像（寬度是固定的，但高度是依賴於內容的，所以我不知道高度。）背景圖像在div中心不透明度不使用兩個div

該圖像是登錄系統的大學的徽標。所以它的寬度和高度根據大學而不同。

如何在不使用兩個div的情況下將徽標作爲水印放置在div的中心？可能嗎？

感謝 ķ

2013-02-09 user1083320

我很抱歉，我將這部分視爲背景圖片。你確定使用背景大小？它不支持IE8及以下版本。你需要一個JavaScript回退。 – Leeish 2013-02-09 23:51:58

CSS

#test { 
    background-image: url(path/to/image.jpg); 
    background-size: 50% auto; 
    background-position: center center; 
    background-repeat: no-repeat;

}

這應該放在它爲中心的圖像是在一個寬度，這將是您設置的任何％的父元素。該圖像將成爲背景圖像。我相信IE8及以下將不會顯示你想要的。你將需要改變圖像，因爲我不認爲你可以通過CSS調整背景圖像的不透明度。因此，使圖像半透明。

這裏是一個小提琴：http://jsfiddle.net/MWvCA/

的另一種選擇是絕對定位IMG添加到div，居中，並調整通過CSS的透明度，但如果我是你，我只想調整圖像。

來源

2013-02-09 23:49:27 Leeish

背景圖像在div中心不透明度不使用兩個div

回答

相關問題