所以我一直在寻找为什么我的背景没有显示，我从我的 bg css 开始:
body {
background-image: linear-gradient
(to right, #0F2027, #203A43, #2C5364, #2C5364, #203A43, #0F2027) !important;
}
当我检查元素时，我的 html 和 body 的宽度都是 0px，这就是我猜它没有显示的原因。
我使用 Bootstrap 3 并将其从我的页面中删除确实解决了该问题，但我经常使用 Bootstrap，因此这对我来说并不起作用。
我目前使用的一个廉价修复方法是在 body 标记内使用单个字符创建一个跨度，然后将其不透明度设置为 0 并将其隐藏在 Angular 落中，但显然这应该只是暂时的。
我已经尝试过背景颜色，它确实有效，所以我猜测 Bootstrap 3 和背景图像或线性渐变之间存在一些冲突。
有谁知道解决此问题的正确方法吗？
编辑:正如评论中所指出的，我意识到如果正文宽度为 0px，它就无法显示我的背景，但是什么导致我的正文宽度为 0px？
EDIT2:添加了用于复制的 HTML:
<!DOCTYPE HTML>
<htmL>
<head>
<title>Index</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/mycss.css" />
</head>
<body>
</body>
</htmL>
最佳答案
导致此行为的原因是 normalize.less 中的规则 margin:0。
如果将 body 的 margin 设置为除 0 之外的任何值，则 background-image 将使成为。
body {
margin: 1px;
background-image: linear-gradient(to right, #0F2027, #203A43, #2C5364, #2C5364, #203A43, #0F2027);
}
关于html - body 上带有线性渐变的背景图像未使用 Bootstrap 显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53169621/