Размер по DIV до размера фонового изображения

Question

У меня есть DIV со следующим стилем

.vplayer-container .logo 
{ 
position: absolute; 
bottom: 50px; 
right: 10px; 
background: url(../img/logo.png) no-repeat; 
border: 1px solid #000000; 
max-width: 50px; 
max-height: 50px; 
} 

Я хочу, чтобы размер DIV является таким же, как фоновое изображение. Поскольку изменение изображения bg, я хочу, чтобы оно было настроено автоматически. Я могу использовать JavaScript, но я бы предпочел для этого способ CSS.

Я ориентируюсь на HTML5-браузеры, которые являются FireFox, Webkit и Opera.

Благодаря

Ответ:

С Кайл Sevenoaks намек, вы можете сделать это, поместив элемент изображения внутри DIV.

<div> 
<img src="url"> 
</div> 

Удалить свойство фона, и никакое другое моделирование не требуется.

Answer 1

CSS не может этого сделать, div получает свои размеры из содержимого внутри него. Фоновое изображение - это всего лишь знак стиля.

Вы должны быть в состоянии сделать это с помощью Javascript, находя значения высоты и ширины и их инжекции в инлайн стиль должен это делать :)

Вы также можете использовать тег <img> в .logo дел. Это создаст то, что вы намерены.

Answer 2

CSS не может сделать это для фонового изображения.

Answer 3

Это невозможно с чистым CSS. Я думаю, вам нужно сделать это с помощью JavaScript. Вам действительно нужно, чтобы это было динамично? Я думаю, что это меньше работы по изменению двух значений в таблице стилей, если логотип изменится.