css如何實(shí)現(xiàn)固定的背景圖像

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-02 22:13:35

css如何實(shí)現(xiàn)固定的背景圖像

css如何實(shí)現(xiàn)固定的背景圖像:所謂固定背景圖像，就是當(dāng)我們?cè)陧?yè)面輸入任何內(nèi)容時(shí)或者移動(dòng)鼠標(biāo)，背景圖像都不會(huì)發(fā)生變動(dòng)。css實(shí)現(xiàn)背景圖像固定也是非常簡(jiǎn)單的，我們可以使用css中的background的相關(guān)屬性來(lái)實(shí)現(xiàn)。推薦參考：《CSS教程》那么我們?cè)谇懊娴奈恼轮杏薪o大家介紹過(guò)CSS如何實(shí)現(xiàn)

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀css如何實(shí)現(xiàn)固定的背景圖像:所謂固定背景圖像，就是當(dāng)我們?cè)陧?yè)面輸入任何內(nèi)容時(shí)或者移動(dòng)鼠標(biāo)，背景圖像都不會(huì)發(fā)生變動(dòng)。css實(shí)現(xiàn)背景圖像固定也是非常簡(jiǎn)單的，我們可以使用css中的background的相關(guān)屬性來(lái)實(shí)現(xiàn)。推薦參考：《CSS教程》那么我們?cè)谇懊娴奈恼轮杏薪o大家介紹過(guò)CSS如何實(shí)現(xiàn)

所謂固定背景圖像，就是當(dāng)我們?cè)陧?yè)面輸入任何內(nèi)容時(shí)或者移動(dòng)鼠標(biāo)，背景圖像都不會(huì)發(fā)生變動(dòng)。css實(shí)現(xiàn)背景圖像固定也是非常簡(jiǎn)單的，我們可以使用css中的background的相關(guān)屬性來(lái)實(shí)現(xiàn)。

推薦參考：《CSS教程》

那么我們?cè)谇懊娴奈恼轮杏薪o大家介紹過(guò)CSS如何實(shí)現(xiàn)背景圖像重復(fù)效果。

下面我們就繼續(xù)給大家介紹css背景圖像固定的實(shí)現(xiàn)方法。

代碼如下：

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
 <title></title>
 <style type="text/css">
 body {
 background-image: url("/test/img/154e.png");
 background-repeat: no-repeat;
 background-attachment: fixed;
 }
 </style>

</head>
<body>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
<p>這里是一行文字：圣誕節(jié)快樂！</p>
</body>
</html>

效果如下圖：