Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS渐变问题（分页符）_Html_Css_Gradient - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS渐变问题（分页符）

Html CSS渐变问题（分页符）

html css

Html CSS渐变问题（分页符）,html,css,gradient,Html,Css,Gradient,我想在整个页面中使用渐变（从上到下），但是我当前的渐变在页面的一半完成，在那里我的文本div结束，然后再次开始。。。 您可以在codepen.io上看到它： 我的代码笔使用Bootstrap4，如果有任何关联的话 我希望我不需要粘贴整个HTML/CSS，因为已经有很多了。这里只是渐变部分： body { background: #00001e; background: -webkit-linear-gradient(to top, #F5981F , #5D82B3); background:

我想在整个页面中使用渐变（从上到下），但是我当前的渐变在页面的一半完成，在那里我的文本div结束，然后再次开始。。。 您可以在codepen.io上看到它： 我的代码笔使用Bootstrap4，如果有任何关联的话

我希望我不需要粘贴整个HTML/CSS，因为已经有很多了。这里只是渐变部分：

body {
background: #00001e;
background: -webkit-linear-gradient(to top, #F5981F , #5D82B3);
background: linear-gradient(to top, #F5981F , #5D82B3);
您的
正文
当前不会扩展到整页高度，而是取决于其内容高度的大小。为了实现完全拉伸的背景，您可以考虑添加高度：100%代码< HTML > /COD>元素.< /P>
此外，一个
背景附件：在你的身体CSS中修复了
，有助于修复小浏览器窗口上的错误。
谢谢！我在html和正文中添加了100%的高度。@PerryPrunesquallor我在答案中添加了另一个提示，以修复更多错误…添加
min-jeight:100vh；保证金：0
到你的
body
标签，如果有太小的内容无法拉伸，它将至少喷洒在窗口的整个高度最小高度：100vh这样做，或者给html另一个背景当单个背景设置为body或html时，它是在html上绘制的，如果html设置为高度，梯度将重复通过该高度。若你们给html一个背景，那个么body背景将在body中绘制