непрозрачность фонового изображения в центре div без использования двух divs

Question

Я хочу иметь фоновое изображение в центре div (ширина фиксирована, но высота зависит от содержимого, поэтому я не знаю высоту.)

Изображение - это логотип университета, который входит в систему. Таким образом, его ширина и высота также различаются в зависимости от университета.

Как разместить логотип в центре div как водяной знак без двух разделов? Является ли это возможным?

Благодаря K

Answer 1

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, но если на вашем месте я бы просто настроить изображение.