當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間：2025/3/20 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了由设置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设置线性背景色，页面背景色无法整体线性过渡...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。