小编Jav*_*lez的帖子

图像上的文字 - 响应

这是我的第一个问题......我必须这样做:

在此输入图像描述

但我搜索了很多,没有什么对我有用,我在我的HTML和CSS中有类似的东西

.thumbnail {
    position: relative;
    margin-bottom: 0;
    border: 0;
    border-color: transparent;
}

.caption {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
  <div id="box-search">
      <div class="thumbnail text-center">
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Granola03242006.JPG/280px-Granola03242006.JPG" alt="">
          <div class="caption">
              <p>contacto@windberg.cl</p>
              <p>+56983874071   |   +56228231294</p>
              <p>El Aguilucho 3174, Providencia, Región Metropolitana</p>
          </div>
      </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

这工作,但当我使用铬的响应模式时,文本离开图像

(对不起我的英语,我说西班牙语)

html css css3 twitter-bootstrap angular-ui-bootstrap

5
推荐指数
1
解决办法
3万
查看次数