google-chrome - 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

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

它只是把它剪掉：

但是当我改变它时729px auto;，729px 1px;它工作了！

我看到蓝框:)

Answer 3

试试box-sizing: border-box;你的CSS。