【问题标题】:Image as background of div图像作为 div 的背景
【发布时间】:2013-06-18 22:44:22
【问题描述】:

我正在使用http://www.paulvanroekel.nl/picasa/visuallightbox/ 插件来创建画廊,实际上效果很好,但是由于图像尺寸不同,我对图像之间的空白有问题,所以我需要创建这样的东西 https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large 保持所有图像之间的网格一致。 标记是:

<div>
  <a>
    <img>
  </a>
</div>

我尝试了@caramba 解决方案,结果是这样的

http://jsfiddle.net/montogeek/x4PJ5/

如何更改图像的尺寸以使其看起来一致?

【问题讨论】:

  • 请花一分钟澄清您的问题。你试过什么?有什么问题?有什么问题?

标签: image html background


【解决方案1】:

类似的东西? http://jsfiddle.net/rzWKR/1/

<div class="img-box">
    <img src="https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large" alt="" />
</div>

<style type="text/css">
    .img-box {
    position:relative;
    border:solid 2px red;
    width:280px;height:250px;
    overflow:hidden;
}
.img-box > img {
    position:absolute;
    left:-10px;
    top:-10px;
}
</style>

【讨论】:

  • 谢谢,我用了你的风格:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-10
  • 2021-08-18
  • 2015-06-20
相关资源
最近更新 更多