我有一个 CSS 属性background-size
设置729px auto;
为蓝色框架的中心 div,
以下是 IE 和 Firefox 中的结果(我用红框隐藏了内容):
这是 Chrome 中的结果:
是否知道 Chrome 中的属性是否有特殊技巧background-size
?
我有一个 CSS 属性background-size
设置729px auto;
为蓝色框架的中心 div,
以下是 IE 和 Firefox 中的结果(我用红框隐藏了内容):
这是 Chrome 中的结果:
是否知道 Chrome 中的属性是否有特殊技巧background-size
?
为什么不使用代码而不是图像?问题解决了。
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);
}
经过实验,我发现 Chrome 无法识别auto
此处的属性:729px auto;
它只是把它剪掉:
但是当我改变它时729px auto;
,729px 1px;
它工作了!
我看到蓝框:)
试试box-sizing: border-box;
你的CSS。