Создание отзывчивого фона заголовка div

Question

У меня есть модуль в моем шаблоне joomla, и я хочу добавить его в образ. Я не знаю, как сделать его отзывчивым? (содержимое моего модуля реагирует, но заголовок изображения отсутствует).

вот мой код:

.t3-module.module.map1-title{ 
    background: rgba(0, 0, 0, 0) url(".../.../images/pages.png") no-repeat scroll 0 0; 
    background-size:auto; 
} 

Answer 1

Смотрите пример: fiddle

HTML:

<div id="one"></div> 

CSS:

html, body{width:100%; height:100%; padding:0px; margin:0px;} 
#one{width:100%; height:100%; background:url(http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg) left top no-repeat; background-size: 100%;}