【问题标题】:Fullscreen Flexslider using background images使用背景图像的全屏 Flexslider
【发布时间】:2015-08-25 10:23:33
【问题描述】:

我有一个想要全屏显示的 Flexslider。所有父 div 都设置为 100%,但 Flexslider 的响应端使图像保持在它的方面。

我已将图像设置为 li 的背景图像,背景大小设置为覆盖。图像填充宽度,根据 DOM,li 是 100% 高度,但图像底部有一个白色边框。

如何让背景图片填满整个屏幕?

关闭背景重复使它填满整个屏幕,但我怎样才能让它拉伸图像以填充空间?

【问题讨论】:

  • 通过演示或某些代码可以更轻松地查看问题所在...
  • 有一些代码真的很有帮助!

标签: jquery css flexslider


【解决方案1】:

如果它是您想要调整的背景图片,那么我建议使用background-size: cover;

【讨论】:

  • D'oh,即使我在问题中提到我已经设置了它,但在代码中我实际上并没有添加它!愚蠢的错误!
猜你喜欢
  • 2016-12-31
  • 2011-01-13
  • 2015-03-30
  • 2023-03-16
  • 1970-01-01
  • 1970-01-01
  • 2014-07-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多