Question

我正在尝试缩放背景颜色。我有导航栏，我希望颜色从导航栏到底部。

我尝试过使用：

background-size: 80px 60px;

哪个不起作用，因为它仍然填充页面100％。也让每个人都知道我正在使用bootstrap。

这是来自bootstrap的css：

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #F5F5F5;
}

这些是我的css规则，它覆盖了bootstrap css文件。

body {
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

导航栏总是左右边距为15％，因此bg颜色所需的宽度为70％。上边距为0，因为它跟随顶部的图像。

如果我忘记提供信息，我会尽快添加所需信息。

Answer 1

您无法调整背景颜色的大小，但您可以为渐变提供特定尺寸，并将其视为背景图像。

这是你能做的： http://jsfiddle.net/JkhCs/

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color:transparent;
    background-image: -webkit-linear-gradient(red, red);
    background-image: linear-gradient(red, red);
    background-size:80px 80px;
    background-repeat:no-repeat;
}

Answer 2

您知道backgroud-size:cover和backgroud-size:contain吗？

在css3.info或其他地方查看，这很棒。

使用确定背景颜色的大小

2 个答案: