Chrome中的CSS背景大小问题

Question

我将CSS属性background-size设置为729px auto;，用于蓝框的中心div，

以下是IE和Firefox中的结果（我用红框隐藏内容）：

以下是Chrome中的结果：

任何人都知道Chrome中的background-size属性是否有特殊技巧？

Answer 1

为什么不使用代码而不是图像？问题解决了。

http://jsfiddle.net/jDMxJ/

<强> HTML：

<div class="blue">
    <div class="red">

    </div>
</div>

<强> CSS：

.blue {
    width: 626px;
    height: 326px;
    box-sizing: border-box;
    border: 2px solid blue;
    border-radius: 10px;
}

.red {
    width: 600px;
    height: 300px;
    margin: 10px auto;
    box-sizing: border-box;
    border: 3px solid red;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}

Answer 2

在你的CSS中尝试box-sizing: border-box;。

Answer 3

经过实验后，我发现Chrome无法识别此处的auto属性：729px auto;

它只是削减它：

但是，当我将729px auto;更改为729px 1px;时，它已经工作了！

我看到蓝框：）