使标题背景div响应

时间:2015-12-04 11:15:08

标签: html css responsive-design joomla3.0

我的joomla模板中有一个模块,我想将它的标题添加到图像中。 我不知道如何让它响应? (我的模块的内容是响应的,但图像标题不是)。

这是我的代码:

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

1 个答案:

答案 0 :(得分: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%;}