【问题标题】:CSS - Making a repeating background image stretch to browser window sizeCSS - 使重复的背景图像拉伸到浏览器窗口大小
【发布时间】:2011-09-15 14:58:33
【问题描述】:

这是我购买的主题的问题,我已经尝试联系所有者(没有运气)。

这应该是一个相当容易解决的问题,只是我不知道该怎么做! (我已经研究过了)。

您可以在这里查看主题:http://igeekify.com/_templates/liftoff/www/

要重现问题,只需拖动窗口大小使其宽度小于内容,然后向右滚动即可。您会注意到标题背景并没有一直延伸。

背景图像用于 DIV '#frame-header',它具有类 '.wrapper'。我认为问题与定义的'.wrapper'的宽度有关。

非常感谢任何帮助!

【问题讨论】:

  • 真的有人让他们的窗口小于940px 然后向右滚动吗?
  • 我在 Mac 上使用 Cinch,这是一个类似于调整大小的 Windows 7 的应用程序,您可以在其中向左或向右拖动窗口,以便同时查看两个窗口。如果我要这样做,那么页面就坏了。所以是的,使用 Windows 7 或 Cinch 的人会这样做!

标签: css image window wrapper stretch


【解决方案1】:

我认为您可能需要在“frame-header”div 中添加一个 min-width 属性:

<style type="text/css">
#frame-header
{
    min-width: 940px;
}
</style>

【讨论】:

  • 看准了!我将不得不对此进行调查,以前从未设置过最小宽度。非常感谢这么快的回复!
  • 太棒了。如果您在旧 IE 中尝试并且 min-width 不起作用,请尝试 width: 100%;
【解决方案2】:

尝试使用以下代码:

image width:100%;

【讨论】:

  • @terry Jan Reedy 很抱歉,因为我是新来的,正在学习如何发帖
猜你喜欢
  • 2021-04-03
  • 1970-01-01
  • 2020-01-06
  • 1970-01-01
  • 2012-09-02
  • 2017-06-19
  • 2012-10-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多