html - contain (in background-size) 是如何工作的,或者为什么不在这里工作?

标签 html css

我正在努力学习 CSS。我一直在关注很多教程,现在在我了解背景大小值的部分。

我一直在尝试每个值,但我似乎无法让它与 contain 或 porcentages 一起工作

这是我对值(value)内容的摆弄:http://jsfiddle.net/r3h2p46r/

我对所有其他值都使用了相同的代码:

body {
    background-image: url("http://bit.ly/1Rq1kp3");
    background-repeat: no-repeat;
    background-size: contain;
}

我也不能让它与百分比一起使用:http://jsfiddle.net/p3btc7oc/

知道为什么会这样吗?

他们似乎都在这里工作:http://bit.ly/1Q6z643

但是现在当我自己尝试的时候

谢谢!

最佳答案

背景大小:包含;

它在这里不可见,因为 contain 占据了 body 的大小,而这里你的 body 标签是空的......

有关更多信息...只需检查它---------->

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=contain

关于html - contain (in background-size) 是如何工作的,或者为什么不在这里工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33487218/

相关文章:

jquery - 我需要一种使用 jquery 检测 CSS3 媒体查询支持的简单方法

javascript - 我可以防止 CSS 样式被覆盖吗?

HTML:除了 'input type=text' 和 'textarea' 之外的选项?

javascript - 用拖放替换图像

javascript - 使用 w3.css 自动打开模态

javascript - 首次单击某个按钮时到处都是 Div

javascript - 如何从 javascript 片段重定向到 html 页面?

javascript - 如果属性值可能包含 ">"字符,则使用 JavaScript Regex 匹配所有 html 标签

javascript - 滚动然后在更大的屏幕尺寸上修复 div 跳转

html - 正确的 scss 代码以获得屏幕上显示的颜色