1

我有一个 CSS 属性background-size设置729px auto;为蓝色框架的中心 div,

以下是 IE 和 Firefox 中的结果(我用红框隐藏了内容):

在此处输入图像描述

这是 Chrome 中的结果:

在此处输入图像描述

是否知道 Chrome 中的属性是否有特殊技巧background-size

4

3 回答 3

2

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

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);
}
于 2013-03-14T17:32:41.797 回答
1

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

它只是把它剪掉:

在此处输入图像描述

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

我看到蓝框:)

于 2013-03-14T17:35:38.643 回答
1

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

于 2013-03-14T17:25:05.980 回答