Zurb 基金会全身背景

Posted 2023-03-06

【中文标题】Zurb 基金会全身背景

【英文标题】：Zurb Foundation full body background

【发布时间】：2013-06-21 01:45:07

【问题描述】：

我想将背景应用到整个页面。当我向 CSS 添加代码时，什么也没有发生，但是当我在 html 中编写一些文本时，只有文本后面的部分被绘制为我之前在 CSS 中设置的颜色。

我正在使用 Sass，当我排除 app.css 时，一切都变得正常（因为排除了 Foundation）。

这是我的 CSS

/* line 5, ../sass/master.scss */
body 
  background: url("../img/bg.png");


/* line 8, ../sass/master.scss */
header 
background: black;

有人知道解决办法吗？

【问题讨论】：

你想要的是background-size: 100% 100%。它会用你的图像填满屏幕。更多信息w3schools.com/cs-s-ref/css3_pr_background-size.asp

@tiagojpdias 它不起作用。这是 Chrome 中的屏幕截图：i.imgur.com/EAH8TC8.png 我认为路径有问题，但路径很好。此外，当我将背景放在 上时，它就可以工作了。

【参考方案1】：

试试html, body height: 100%; 。