由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...

问题：当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡

不声明文档类型时，对body设置线性背景色

<HTML>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background: linear-gradient(to bottom, #fff, #000);
}
</style>
</head>
<body>
</body>
</HTML>

显示如下：

声明文档类型后，显示如下

<!DOCTYPE html>
<HTML>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background: linear-gradient(to bottom, #fff, #000);
}
</style>
</head>
<body>
</body>
</HTML>

最终解决方案：

<!DOCTYPE html>
<HTML>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
html, body{
height: 100%;
}
body{
background: linear-gradient(to bottom, #fff, #000);
}
</style>
</head>
<body>
</body>
</HTML>

参考文档：

CSS解决高度自适应问题

转载于:https://www.cnblogs.com/jeacy/p/6531988.html

由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...相关推荐

计算机长时间不黑屏怎么设置,当计算机长时间不移动鼠标时，如何设置黑屏？如何将计算机设置为长时间不出现黑屏？...
相关问题如何设置计算机黑屏时间?如果W7电脑长时间不移动,为什么不保持黑屏? 右键单击右下角任务栏中的电源图标,更改计划设置,"关闭显示器"和"使计算机进入睡眠&quo ...
CSS设置页面背景色
CSS设置页面背景色设置页面的背景色 CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合. 具体的设定方法和文字颜色值的设定一样 ...
小程序开发——页面背景色设置
在小程序开发的前期,你可能发现小程序的页面背景色设置总是无法成功,特别是在有列表的页面,下拉或者上拉时,漏出来的地方和原来的背景色不一样.要设置成一样,注意以下两点在 app.json 文件里面的 ...
【微信小程序】设置页面背景色的方式
例如将每个页面的默认背景色设置成灰色: 全部页面背景色设置: app.wxss: /**app.wxss**/ page {background-color: rgb(242, 242, 242); ...
java word 颜色设置_通过Java设置Word页面背景色过程详解
前言 Word中可以针对不同文档排版设计要求来设置背景设置颜色.常见的可设置单一颜色.渐变色或加载图片来设置成背景.下面通过Java来设置以上3种Word页面背景色. 使用工具:Spire.Doc f ...
12.关于uniapp小程序设置页面背景色无效的问题及解决方案
1.问题的产生需求:登录页面根据三种不同的角色,呈现不同的界面,背景色是其中一个元素. 问题:在uniapp中这么设置背景色不管用.(在微信开发者工具中,这样是可以的.) <style sco ...
uniapp 中设置全局页面背景色
uniapp 中设置全局页面背景色提示:以下是本篇文章正文内容,下面案例可供参考未生效 : 在pages.json里面设置单页面背景色,这种是不行的,只能在页面内生效方法1: pages.jso ...
uni-app小程序设置页面背景色
在原生微信小程序中,可以通过下面的设置来设置页面背景色 page {background:'#f0f0f0' } 但是在uni-app上,这样的设置在小程序端并没有起作用. 原因是因为style标签上 ...
Chrome浏览器可以修改特定页面背景色吗？Chrome浏览器修改特定页面背景色的方法
在使用浏览器的时候,长时间面对一个内容和颜色会很容易产生视觉疲劳,那么在这个时候,要如何更改浏览器的背景呢,用户可以将自己的浏览器背景设置一下,更改浏览器的背景颜色,让用户使用起来更加的方便,用户可以 ...

由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...

不声明文档类型时，对body设置线性背景色

声明文档类型后，显示如下

最终解决方案：

由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...相关推荐

最新文章

热门文章