最奇怪的事情刚刚发生,我在修复页脚时遇到了一个问题,我不小心在我的代码中留下了包含后的 % 符号。看一看。我的网站是 usahvacsupply.com
html, body{
overflow:auto;
margin: auto;
background-image:url('/images/Testing1/bg2.jpg');
background-repeat: no-repeat;
background-position:top center;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:contain%;
top: 0;
left: 0;
}
如果 contain 后没有 % 符号,它会抛出所有内容。 % 只满足 firefox 的要求。有谁知道所有浏览器的修复程序? IE 的 % 有帮助,但会抛出顶级导航选项卡。在 chrome 中,它完全不正常。我在这里非常困惑,因此不胜感激。
最佳答案
好吧,对于不同的前缀,您有不同的背景位置规则。
如果您想使用“包含”作为值,请尝试删除 %,然后遵循其他规则。
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
关于css - 背景图像大小不适用于所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16464654/