900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 由设置body线性背景色引发的问题-----当声明文档类型时 对body设置线性背景色 页面

由设置body线性背景色引发的问题-----当声明文档类型时 对body设置线性背景色 页面

时间:2019-08-20 14:45:23

相关推荐

由设置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解决高度自适应问题

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。