css中如何實(shí)現(xiàn)背景不滾動

這篇文章將為大家詳細(xì)講解有關(guān)css中如何實(shí)現(xiàn)背景不滾動，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)雨湖免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

css背景不滾動的實(shí)現(xiàn)方法：首先新建一個html代碼頁面；然后在標(biāo)簽后面創(chuàng)建一個<style>標(biāo)簽；接著在這個標(biāo)簽里設(shè)置<body>標(biāo)簽的背景圖片；最后設(shè)置“background-repeat:no-repeat;”屬性即可。</p></blockquote><p>打開html開發(fā)軟件，新建一個html代碼頁面。</p><p><img src="/upload/otherpic69/3189.jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>在html代碼頁面的<body>標(biāo)簽里面輸入多行段落文字，用于后面瀏覽器滾動條滾動的時候查看圖片時候隨滾動條而滾動條。如圖</p><p><img src="/upload/otherpic69/3190(1).jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>設(shè)置背景圖片樣式。在<title>標(biāo)簽后面創(chuàng)建一個<style>標(biāo)簽，然后在這個標(biāo)簽里設(shè)置<body>標(biāo)簽的背景圖片，以及背景圖片不重復(fù)。'</p><p>樣式代碼：</p><pre>body{ background-image: url(img/bg.jpg); background-repeat:no-repeat; }</pre><p><img src="/upload/otherpic69/3191.jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>保存html代碼后使用瀏覽器打開，這個時候滾動瀏覽器滾動條發(fā)現(xiàn)背景圖片是隨瀏覽器滾動條的滾動而滾動的。</p><p><img src="/upload/otherpic69/3192.jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>使用background-attachment: fixed設(shè)置背景圖片不隨滾動條而滾動?；氐絟tml代碼頁面，在body樣式中添加上background-attachment: fixed即可。</p><p>如圖</p><p><img src="/upload/otherpic69/3193.jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>保存html代碼頁面后刷新瀏覽器，這個時候滾動瀏覽器滾動條發(fā)現(xiàn)背景圖片已經(jīng)固定不隨瀏覽器滾動而滾動了。如圖</p><p><img src="/upload/otherpic69/3194.jpg" alt="css中如何實(shí)現(xiàn)背景不滾動"></p><p>關(guān)于css中如何實(shí)現(xiàn)背景不滾動就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。</p> <br> 新聞名稱：css中如何實(shí)現(xiàn)背景不滾動 <br> 鏈接地址：<a href="http://weahome.cn/article/pdjsgd.html">http://weahome.cn/article/pdjsgd.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/dsjcchg.html">域名怎么選擇技巧域名的選擇規(guī)則</a> </li><li> <a href="/article/dsjccji.html">騰訊云服務(wù)器dock 騰訊云服務(wù)器docker</a> </li><li> <a href="/article/dsjccpc.html">c語言可以說明說明函數(shù) c語言程序函數(shù)的說明部分包括</a> </li><li> <a href="/article/dsjccjo.html">帝國cms列表分頁模板帝國cms使用手冊</a> </li><li> <a href="/article/dsjcchp.html">帝國cms清空文章頁帝國cms清空文章id</a> </li> </ul> </div> <div id="squ6kqw" class="footer"> <div id="squ6kqw" class="foota container"> <div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站制作</h3> <a target="_blank">成都營銷網(wǎng)站制作</a><a target="_blank">四川成都網(wǎng)站制作</a><a target="_blank">廣安網(wǎng)站制作公司</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作公司</a><a target="_blank">手機(jī)網(wǎng)站制作</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企業(yè)服務(wù)</h3> <a target="_blank">一元廣告</a><a target="_blank">代理記賬</a><a target="_blank">網(wǎng)站快速收錄</a><a target="_blank">免費(fèi)網(wǎng)站建設(shè)</a><a target="_blank">分類目錄</a><a target="_blank">分類目錄網(wǎng)站</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站建設(shè)</h3> <a target="_blank">什邡網(wǎng)站建設(shè)</a><a target="_blank">綿陽網(wǎng)站建設(shè)</a><a target="_blank">成都響應(yīng)式網(wǎng)站建設(shè)</a><a target="_blank">成都商城網(wǎng)站建設(shè)</a><a target="_blank">成都網(wǎng)站建設(shè)報(bào)價(jià)</a><a target="_blank">網(wǎng)站建設(shè)</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服務(wù)器托管</h3> <a target="_blank">綿陽托管服務(wù)器</a><a target="_blank">西信服務(wù)器托管</a><a target="_blank">重慶聯(lián)通機(jī)房托管</a><a target="_blank">重慶電信水土機(jī)房托管</a><a target="_blank">綿陽主機(jī)托管</a><a target="_blank">眉山服務(wù)器托管</a> </li> </ul> </div> <div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全國免費(fèi)咨詢:</p> <b>400-028-6601</b> <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p> <p>節(jié)假值班：18980820575 / 13518219792</p> <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p> </div> </div> <div id="squ6kqw" class="footb"> <div id="squ6kqw" class="copy container"> <div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div>  </div> </div> <div id="squ6kqw" class="link"> <div id="squ6kqw" class="container"> 友情鏈接:： <a target="_blank">成都網(wǎng)站建設(shè)</a> <a target="_blank">重慶網(wǎng)站建設(shè)</a> <a href="">四川網(wǎng)站建設(shè)</a> <a href="">重慶建設(shè)網(wǎng)站</a> <a target="_blank">移動服務(wù)器托管</a> <a target="_blank">成都服務(wù)器托管</a> <a target="_blank">云服務(wù)器</a> <a target="_blank">廣告設(shè)計(jì)制作</a> <a target="_blank">重慶網(wǎng)頁設(shè)計(jì)</a> <a target="_blank">重慶做網(wǎng)站</a> <a target="_blank">重慶網(wǎng)站制作</a> <a href="">重慶網(wǎng)站建設(shè)</a> <a href="">重慶網(wǎng)站公司</a> <a href="">渝中網(wǎng)站制作</a> <a href="">重慶網(wǎng)站設(shè)計(jì)</a> </div> </div> </div> <div id="squ6kqw" class="foot"> <ul class="public-celan"> <li> <a target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">在線咨詢</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">電話咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">QQ咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">預(yù)約顧問</span> </a> </li> </ul> </div> <div id="squ6kqw" class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在線咨詢</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p> </a> </dt> </dl> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="5u66r" class="pl_css_ganrao" style="display: none;"><optgroup id="5u66r"></optgroup><address id="5u66r"></address><nobr id="5u66r"><dfn id="5u66r"><pre id="5u66r"><td id="5u66r"></td></pre></dfn></nobr><tr id="5u66r"><object id="5u66r"></object></tr><meter id="5u66r"></meter><u id="5u66r"><big id="5u66r"><code id="5u66r"></code></big></u><pre id="5u66r"></pre><listing id="5u66r"><em id="5u66r"><wbr id="5u66r"></wbr></em></listing><acronym id="5u66r"></acronym><tr id="5u66r"></tr><address id="5u66r"><strong id="5u66r"><ruby id="5u66r"></ruby></strong></address><em id="5u66r"><rt id="5u66r"><noscript id="5u66r"><mark id="5u66r"></mark></noscript></rt></em><em id="5u66r"></em><style id="5u66r"></style><pre id="5u66r"></pre><form id="5u66r"></form><label id="5u66r"></label><strong id="5u66r"></strong><legend id="5u66r"></legend><pre id="5u66r"></pre><strike id="5u66r"><nobr id="5u66r"><center id="5u66r"><source id="5u66r"></source></center></nobr></strike><strong id="5u66r"><samp id="5u66r"><dl id="5u66r"></dl></samp></strong><pre id="5u66r"><pre id="5u66r"></pre></pre><dl id="5u66r"></dl><mark id="5u66r"><dl id="5u66r"></dl></mark><label id="5u66r"></label><tt id="5u66r"></tt><wbr id="5u66r"></wbr><ol id="5u66r"></ol><abbr id="5u66r"></abbr><td id="5u66r"><bdo id="5u66r"><ruby id="5u66r"></ruby></bdo></td><menuitem id="5u66r"></menuitem><acronym id="5u66r"></acronym><mark id="5u66r"><ol id="5u66r"><form id="5u66r"><xmp id="5u66r"></xmp></form></ol></mark><pre id="5u66r"><sup id="5u66r"><noframes id="5u66r"><blockquote id="5u66r"></blockquote></noframes></sup></pre><em id="5u66r"><p id="5u66r"><li id="5u66r"><pre id="5u66r"></pre></li></p></em><td id="5u66r"></td><sup id="5u66r"><rt id="5u66r"><form id="5u66r"><mark id="5u66r"></mark></form></rt></sup><menuitem id="5u66r"><fieldset id="5u66r"><abbr id="5u66r"></abbr></fieldset></menuitem><tbody id="5u66r"><input id="5u66r"><small id="5u66r"></small></input></tbody><tt id="5u66r"><div id="5u66r"></div></tt><label id="5u66r"><delect id="5u66r"><th id="5u66r"><listing id="5u66r"></listing></th></delect></label><tt id="5u66r"><td id="5u66r"><bdo id="5u66r"></bdo></td></tt><optgroup id="5u66r"></optgroup><optgroup id="5u66r"></optgroup><label id="5u66r"></label><var id="5u66r"><b id="5u66r"></b></var><samp id="5u66r"></samp><noscript id="5u66r"><center id="5u66r"><dl id="5u66r"><noframes id="5u66r"></noframes></dl></center></noscript><sup id="5u66r"><ol id="5u66r"><form id="5u66r"><xmp id="5u66r"></xmp></form></ol></sup><abbr id="5u66r"></abbr><em id="5u66r"><xmp id="5u66r"><style id="5u66r"></style></xmp></em><legend id="5u66r"><abbr id="5u66r"></abbr></legend><tt id="5u66r"><td id="5u66r"><style id="5u66r"></style></td></tt><dfn id="5u66r"></dfn><acronym id="5u66r"></acronym><kbd id="5u66r"></kbd><acronym id="5u66r"><wbr id="5u66r"><strong id="5u66r"></strong></wbr></acronym><video id="5u66r"></video><label id="5u66r"><dfn id="5u66r"><center id="5u66r"></center></dfn></label><wbr id="5u66r"><th id="5u66r"><mark id="5u66r"></mark></th></wbr><dfn id="5u66r"></dfn><pre id="5u66r"></pre><pre id="5u66r"></pre><optgroup id="5u66r"><em id="5u66r"></em></optgroup><th id="5u66r"><noframes id="5u66r"><em id="5u66r"></em></noframes></th><small id="5u66r"></small><dfn id="5u66r"></dfn><acronym id="5u66r"><strong id="5u66r"></strong></acronym><form id="5u66r"></form><progress id="5u66r"><strong id="5u66r"><button id="5u66r"></button></strong></progress><dl id="5u66r"><noframes id="5u66r"><blockquote id="5u66r"><p id="5u66r"></p></blockquote></noframes></dl><var id="5u66r"><b id="5u66r"><wbr id="5u66r"><pre id="5u66r"></pre></wbr></b></var><mark id="5u66r"><dl id="5u66r"><table id="5u66r"><font id="5u66r"></font></table></dl></mark><b id="5u66r"><thead id="5u66r"><small id="5u66r"></small></thead></b><tr id="5u66r"><object id="5u66r"><dfn id="5u66r"><big id="5u66r"></big></dfn></object></tr><rt id="5u66r"><form id="5u66r"><delect id="5u66r"></delect></form></rt><center id="5u66r"></center><ul id="5u66r"><tfoot id="5u66r"><code id="5u66r"></code></tfoot></ul><s id="5u66r"><u id="5u66r"></u></s><div id="5u66r"></div><rt id="5u66r"></rt><dfn id="5u66r"></dfn><xmp id="5u66r"><cite id="5u66r"><rp id="5u66r"><form id="5u66r"></form></rp></cite></xmp><pre id="5u66r"><td id="5u66r"><menu id="5u66r"></menu></td></pre><xmp id="5u66r"><style id="5u66r"></style></xmp><samp id="5u66r"></samp><ul id="5u66r"><div id="5u66r"></div></ul><cite id="5u66r"><noframes id="5u66r"><sup id="5u66r"></sup></noframes></cite><nav id="5u66r"></nav><em id="5u66r"><rt id="5u66r"><noscript id="5u66r"><mark id="5u66r"></mark></noscript></rt></em><table id="5u66r"></table><dfn id="5u66r"><strong id="5u66r"></strong></dfn><dl id="5u66r"></dl><mark id="5u66r"><dl id="5u66r"><noframes id="5u66r"></noframes></dl></mark><var id="5u66r"></var><address id="5u66r"><style id="5u66r"></style></address><em id="5u66r"><wbr id="5u66r"></wbr></em><thead id="5u66r"><i id="5u66r"></i></thead><tt id="5u66r"></tt><noscript id="5u66r"></noscript><meter id="5u66r"><menu id="5u66r"><option id="5u66r"></option></menu></meter><kbd id="5u66r"></kbd><xmp id="5u66r"><style id="5u66r"></style></xmp><table id="5u66r"></table><pre id="5u66r"><nav id="5u66r"><ul id="5u66r"><center id="5u66r"></center></ul></nav></pre><optgroup id="5u66r"><delect id="5u66r"><legend id="5u66r"></legend></delect></optgroup><optgroup id="5u66r"><menuitem id="5u66r"><fieldset id="5u66r"><abbr id="5u66r"></abbr></fieldset></menuitem></optgroup><option id="5u66r"></option><center id="5u66r"></center><blockquote id="5u66r"><p id="5u66r"><th id="5u66r"><pre id="5u66r"></pre></th></p></blockquote><dd id="5u66r"></dd><small id="5u66r"></small><pre id="5u66r"></pre><center id="5u66r"><dl id="5u66r"></dl></center><s id="5u66r"></s><ol id="5u66r"><form id="5u66r"></form></ol><div id="5u66r"><nobr id="5u66r"><acronym id="5u66r"><acronym id="5u66r"></acronym></acronym></nobr></div><sup id="5u66r"></sup><wbr id="5u66r"></wbr><object id="5u66r"></object><strong id="5u66r"></strong><tfoot id="5u66r"></tfoot><fieldset id="5u66r"></fieldset><legend id="5u66r"></legend><th id="5u66r"><optgroup id="5u66r"><em id="5u66r"></em></optgroup></th><cite id="5u66r"><noframes id="5u66r"><sub id="5u66r"></sub></noframes></cite><dl id="5u66r"></dl><abbr id="5u66r"></abbr><pre id="5u66r"></pre><label id="5u66r"></label><sup id="5u66r"><rt id="5u66r"><form id="5u66r"></form></rt></sup><span id="5u66r"></span><td id="5u66r"><bdo id="5u66r"><ins id="5u66r"><acronym id="5u66r"></acronym></ins></bdo></td><pre id="5u66r"><wbr id="5u66r"></wbr></pre><th id="5u66r"><pre id="5u66r"><dl id="5u66r"></dl></pre></th><table id="5u66r"></table><listing id="5u66r"><sup id="5u66r"><rt id="5u66r"></rt></sup></listing><var id="5u66r"><button id="5u66r"><center id="5u66r"></center></button></var><nobr id="5u66r"><samp id="5u66r"></samp></nobr><span id="5u66r"></span><blockquote id="5u66r"></blockquote><strong id="5u66r"><ruby id="5u66r"></ruby></strong><tbody id="5u66r"><dfn id="5u66r"><s id="5u66r"><u id="5u66r"></u></s></dfn></tbody><pre id="5u66r"><strike id="5u66r"><noscript id="5u66r"></noscript></strike></pre><object id="5u66r"></object><nobr id="5u66r"><center id="5u66r"><legend id="5u66r"></legend></center></nobr><tt id="5u66r"><div id="5u66r"><bdo id="5u66r"></bdo></div></tt><var id="5u66r"><option id="5u66r"><form id="5u66r"></form></option></var><pre id="5u66r"></pre></div> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //獲取圖片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //絕對路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>