Google chrome Chrome中的CSS背景大小问题

我有一个CSS属性背景大小设置为729px自动；对于蓝色边框的中心div

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

以下是Chrome中的结果：

---

有人知道Chrome中的背景大小属性是否有特殊技巧吗？

试试框大小：边框框；在css中。

尝试框大小：边框框；在css中。

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

HTML:

---

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

HTML:

---

经过实验，我发现Chrome无法识别这里的自动属性：729px auto

它只是把它删掉了：

但当我改变729px自动；至729px 1px；成功了

---

我看到蓝色的框架：

经过实验，我发现Chrome无法识别这里的自动属性：729px auto

它只是把它删掉了：

但当我改变729px自动；至729px 1px；成功了

---

我看到了蓝色的框架：

请向我们展示你的HTML和CSS。请向我们展示你的HTML和CSS。请注意，如果你打算支持IE7，这在IE7中是行不通的。至于IE8，我建议您阅读这里选择的答案：请注意，如果您计划支持IE7，这在IE7中是行不通的。至于IE8，我建议在这里阅读选择的答案：我的盒子由3部分组成：顶部中心和底部。代码不是我的，我无法覆盖它，我只需要修复它：我的盒子由三部分组成：上、中、下。代码不是我的，我无法覆盖它，我只需要修复它：那么，把50%放在中间怎么样？更准确地说，不只是1px。那么把50%放在中间怎么样？更准确地说，不只是1px。

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

    </div>
</div>

.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);
}