背景图像在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

回答

相关问题