【问题标题】:Can't modify body with css?不能用css修改body?
【发布时间】:2014-02-11 19:18:00
【问题描述】:

我完全被难住了。我正在尝试为我的页面添加背景并设置文本。我正在尝试对我的身体做这两件事。出于某种原因,这没有效果:

body
{
    padding-top: 80px;
    background-image: url(../img/WorldGrainyBlurred.png);
    background-position: -80px;
    font-size: 100%;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue";
}

为了查看它是否被应用,我尝试将页面设置为红色并让填充变大,但它从未应用。我可以看到正在应用 css,但是这个语句似乎没有任何效果。有什么想法吗?

编辑:JSFiddle http://jsfiddle.net/5ytdP/

【问题讨论】:

  • 您可以通过网络检查器看到什么?另外,试试 height: 100%;
  • @MiheyEgoroff 没什么——这就是让我发疯的事情。它似乎根本不适用。
  • 样式在 CSS 文件中???是否与html链接良好??
  • 你能在jsfiddle或codepen上分享例子吗
  • @JoshPowell 我刚刚对其进行了编辑以备不时之需。

标签: html css


【解决方案1】:

你需要把body {...}之前的这些随机CSS行去掉:

-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;

jsFiddle

现在填充正确呈现。背景图像没有显示,因为它的相对路径不在 jsfiddle.net 上,但浏览器现在正在寻找它。也许这些行需要进入body 规则?我对它们不熟悉,但我之前没有见过规则块之外的 CSS。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-14
    • 2011-07-29
    • 2020-08-25
    相关资源
    最近更新 更多