导读 大家好,乐天来为大家解答以下的问题，关于css背景图片不重复，css背景图片这个很多人还不知道,现在让我们一起来看看吧！1、打开html开发软
大家好,乐天来为大家解答以下的问题，关于css背景图片不重复，css背景图片这个很多人还不知道,现在让我们一起来看看吧！
1、打开html开发软件，新建一个html代码页面。
2、2、在html代码页面的
标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。
3、3、设置背景图片样式。
4、在
标签后面创建一个<style>标签，然后在这个标签里设置<body>标签的背景图片，以及背景图片不重复。</p><p>5、4、保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。</p><p>6、5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。</p><p>7、回到html代码页面，在body样式中添加上background-attachment: fixed即可。</p><p>8、6、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。</p><p>本文分享完毕，希望对大家有所帮助。</p>
<p class="tag" style="text-align: right;">标签：
</p>
<p style="text-align: left;font-size: 16px;" class="entry-copyright">免责声明：本文由用户上传，如有侵权请联系删除！</p>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_sosuo();<\/script><\/div>');
}else{
document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>');
}
</script>
</article>
<div class="prev-next sb br mb clearfix">
<p class="post-prev fl ellipsis">
<span class="prev">上一篇</span><strong><a class="article-page-prev" href="https://108qi.com/zonghe/202305/412970.html">澧县一中分数线（澧县一中）</a></strong>
</p>
<p class="post-next fr ellipsis">
<span class="next">下一篇</span><strong><a class="article-page-next" href="https://108qi.com/zonghe/202305/412984.html">初中数学学习网站有哪些（初中数学学习网）</a></strong>
</p>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_tag_under9();<\/script><\/div>');
}else{
}
</script>
<div class="related-art sb br mb">
<p class="c-title"><span class="name">猜你喜欢</span></p>
<ul class="ul clearfix">
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421997.html" title="曲黎敏怎么了（曲黎敏骗子）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>曲黎敏怎么了（曲黎敏骗子）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421969.html" title="凌惠平复原图好漂亮（凌惠平）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>凌惠平复原图好漂亮（凌惠平）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421955.html" title="刍狗是什么意思怎么读（刍狗是什么意思）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>刍狗是什么意思怎么读（刍狗是什么意思）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421948.html" title="个人怎么买国债理财产品（个人怎么买国债）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>个人怎么买国债理财产品（个人怎么买国债）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421941.html" title="矮组词拼音部首（矮组词）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>矮组词拼音部首（矮组词）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421927.html" title="火山巨龙在哪（火山巨龙）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>火山巨龙在哪（火山巨龙）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421920.html" title="古筝独奏沂蒙山小调（古筝入门教学视频沂蒙山歌）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>古筝独奏沂蒙山小调（古筝入门教学视频沂蒙山歌）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421913.html" title="权益类科目借贷方向表示什么（权益类科目借贷方向）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>权益类科目借贷方向表示什么（权益类科目借贷方向）</span>
</a>
</li>
</ul>
</div>
<script>
if (isMobile()){
document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_artlist1();<\/script><\/div>');
}else{
document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>');
}
</script>
<div class="related-art sb br mb">
<p class="c-title"><span class="name">最新文章</span></p>
<ul class="ul clearfix">
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421997.html" title="曲黎敏怎么了（曲黎敏骗子）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>曲黎敏怎么了（曲黎敏骗子）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/xxdt/202305/421996.html" title="基数上限和下限是什么意思（上限和下限是什么意思）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>基数上限和下限是什么意思（上限和下限是什么意思）</span>
</a>
</li>
<li class="related fl">
<a href="https://news.108qi.com/zx/202305/421995.html" title="狐狸眼是什么样的人（狐狸眼是什么样的）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>狐狸眼是什么样的人（狐狸眼是什么样的）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/shkx/202305/421994.html" title="低热量食物一览表（什么食物热量低）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>低热量食物一览表（什么食物热量低）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/xxhd/202305/421992.html" title="沉默是金歌词翻译（沉默是金歌词）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>沉默是金歌词翻译（沉默是金歌词）</span>
</a>
</li>
<li class="related fl">
<a href="https://www.108qi.com/shbk/202305/421991.html" title="fly的过去式是什么过去分词是什么（fly的过去式是什么）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>fly的过去式是什么过去分词是什么（fly的过去式是什么）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/xxdt/202305/421989.html" title="狙击游戏排行榜前十名（狙击游戏）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>狙击游戏排行榜前十名（狙击游戏）</span>
</a>
</li>
<li class="related fl">
<a href="https://news.108qi.com/zx/202305/421988.html" title="我要上厕所小班教案（我要上厕所）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>我要上厕所小班教案（我要上厕所）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/shkx/202305/421987.html" title="永州有几个火车站（永州火车站）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>永州有几个火车站（永州火车站）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/jy/202305/421986.html" title="闻仲的坐骑（闻仲）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>闻仲的坐骑（闻仲）</span>
</a>
</li>
<li class="related fl">
<a href="https://www.108qi.com/shbk/202305/421984.html" title="安卓手机怎样连接电脑上网（安卓手机怎样连接电脑）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>安卓手机怎样连接电脑上网（安卓手机怎样连接电脑）</span>
</a>
</li>
<li class="related fl">
<a href="https://news.108qi.com/zx/202305/421981.html" title="拉线盒的正确接线方法（拉线盒）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>拉线盒的正确接线方法（拉线盒）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/shkx/202305/421980.html" title="郎庆田最近情况（郎庆田）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>郎庆田最近情况（郎庆田）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/jy/202305/421979.html" title="照夜玉狮子是谁的坐骑（夜照玉狮子30图片）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>照夜玉狮子是谁的坐骑（夜照玉狮子30图片）</span>
</a>
</li>
<li class="related fl">
<a href="https://www.108qi.com/shbk/202305/421977.html" title="玩什么游戏能挣钱真实的（玩什么游戏最赚钱）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>玩什么游戏能挣钱真实的（玩什么游戏最赚钱）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/xxdt/202305/421975.html" title="治愈系动漫图片高清（治愈系动漫图片）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>治愈系动漫图片高清（治愈系动漫图片）</span>
</a>
</li>
<li class="related fl">
<a href="https://news.108qi.com/zx/202305/421974.html" title="龙啸云 小说（龙啸云）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>龙啸云 小说（龙啸云）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/shkx/202305/421973.html" title="y80s手机电影mp4下载（80 s手机电影mp4下载）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>y80s手机电影mp4下载（80 s手机电影mp4下载）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/jy/202305/421972.html" title="一年级上册生字注音word直接打印（一年级上册生字）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>一年级上册生字注音word直接打印（一年级上册生字）</span>
</a>
</li>
<li class="related fl">
<a href="https://lagua.108qi.com/xxhd/202305/421971.html" title="一年级上册生字表图片（一年级上册生字表）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>一年级上册生字表图片（一年级上册生字表）</span>
</a>
</li>
<li class="related fl">
<a href="https://www.108qi.com/shbk/202305/421970.html" title="育英学校的地址在哪里（育英学校）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>育英学校的地址在哪里（育英学校）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/zonghe/202305/421969.html" title="凌惠平复原图好漂亮（凌惠平）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>凌惠平复原图好漂亮（凌惠平）</span>
</a>
</li>
<li class="related fl">
<a href="https://108qi.com/xxdt/202305/421968.html" title="criotlauncherelevatecom rar">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>criotlauncherelevatecom rar</span>
</a>
</li>
<li class="related fl">
<a href="https://news.108qi.com/zx/202305/421967.html" title="股权登记日应该买入还是卖出（股权登记日）">
<span class="title ellipsis"><i class="iconfont icon-dot"></i>股权登记日应该买入还是卖出（股权登记日）</span>
</a>
</li>
</ul>
</div>
</div>
<aside id="sidebar" class="hidden-sm-md-lg fr">
<div class="theiaStickySidebar">
<section id="divComments" class="widget widget_comments sb br mb">
<p class="c-title mb10"><span class="name">热门推荐</span></p>
<ul class="widget-content divComments">
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/itdt/202305/421899.html"><img src="https://www.108qi.com/uploadfile/2023/0513/thumb_70_70_20230513092410815.png" alt="三星推出全球首款符合 CXL 2.0 标准的 DRAM" title="三星推出全球首款符合 CXL 2.0 标准的 DRAM"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/itdt/202305/421899.html" title="查阅详情">三星推出全球首款符合 CXL 2.0 标准的 DRAM</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-13 09:16</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/itdt/202305/421898.html"><img src="https://www.108qi.com/uploadfile/2023/0513/thumb_70_70_20230513092340406.png" alt="三星即将在推出 Galaxy F34 5G Galaxy M34 5G" title="三星即将在推出 Galaxy F34 5G Galaxy M34 5G"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/itdt/202305/421898.html" title="查阅详情">三星即将在推出 Galaxy F34 5G Galaxy M34 5G</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-13 09:16</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/hlw/202305/421896.html"><img src="https://www.108qi.com/uploadfile/2023/0513/thumb_70_70_20230513092301833.png" alt="谷歌更新 50 多个 Android 应用程序" title="谷歌更新 50 多个 Android 应用程序"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/hlw/202305/421896.html" title="查阅详情">谷歌更新 50 多个 Android 应用程序</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-13 09:16</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/hlw/202305/421888.html"><img src="https://www.108qi.com/uploadfile/2023/0513/thumb_70_70_20230513091929172.png" alt="三星通过模式和例程集成更新 RegiStar 应用程序" title="三星通过模式和例程集成更新 RegiStar 应用程序"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/hlw/202305/421888.html" title="查阅详情">三星通过模式和例程集成更新 RegiStar 应用程序</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-13 09:16</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/shuma/202305/416540.html"><img src="https://www.108qi.com/uploadfile/2023/0507/thumb_70_70_20230507102052631.png" alt="2023年最佳一体机简化工作流程增加办公桌的酷商" title="2023年最佳一体机简化工作流程增加办公桌的酷商"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/shuma/202305/416540.html" title="查阅详情">2023年最佳一体机简化工作流程增加办公桌的酷商</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-07 10:15</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/jyzs/202305/415826.html"><img src="https://www.108qi.com/uploadfile/2023/0506/thumb_70_70_20230506025340609.png" alt="由于女牛仔未能夺冠牛仔队连续第四次获得地区冠军" title="由于女牛仔未能夺冠牛仔队连续第四次获得地区冠军"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/jyzs/202305/415826.html" title="查阅详情">由于女牛仔未能夺冠牛仔队连续第四次获得地区冠军</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-06 14:52</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/shbk/202305/413204.html"><img src="https://www.108qi.com/uploadfile/2023/0503/thumb_70_70_20230503060645962.jpg" alt="揭示胚胎细胞如何同步" title="揭示胚胎细胞如何同步"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/shbk/202305/413204.html" title="查阅详情">揭示胚胎细胞如何同步</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-03 18:00</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/cszx/202305/413017.html"><img src="https://www.108qi.com/uploadfile/2023/0502/thumb_70_70_20230502081010730.jpg" alt="道奇充电器EV概念车为电动肌肉车展示了高度可调的未来" title="道奇充电器EV概念车为电动肌肉车展示了高度可调的未来"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/cszx/202305/413017.html" title="查阅详情">道奇充电器EV概念车为电动肌肉车展示了高度可调的未来</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2023-05-02 20:08</span></div>
</div>
</li>
</ul>
</section>
<script>
if (!isMobile()){
document.write('<div style="text-align:center;margin-bottom:5px;"><script>pc_show_right300();<\/script><\/div>');
}
</script>
<section id="divPrevious" class="widget widget_previous sb br mb">
<p class="c-title mb10"><span class="name">最新信息</span></p>
<ul class="widget-content divPrevious">
<li><a href="https://108qi.com/zonghe/202305/421997.html" title="曲黎敏怎么了（曲黎敏骗子）">曲黎敏怎么了（曲黎敏骗子）</a></li>
<li><a href="https://108qi.com/xxdt/202305/421996.html" title="基数上限和下限是什么意思（上限和下限是什么意思）">基数上限和下限是什么意思（上...</a></li>
<li><a href="https://news.108qi.com/zx/202305/421995.html" title="狐狸眼是什么样的人（狐狸眼是什么样的）">狐狸眼是什么样的人（狐狸眼是...</a></li>
<li><a href="https://lagua.108qi.com/shkx/202305/421994.html" title="低热量食物一览表（什么食物热量低）">低热量食物一览表（什么食物热...</a></li>
<li><a href="https://lagua.108qi.com/xxhd/202305/421992.html" title="沉默是金歌词翻译（沉默是金歌词）">沉默是金歌词翻译（沉默是金歌词）</a></li>
<li><a href="https://www.108qi.com/shbk/202305/421991.html" title="fly的过去式是什么过去分词是什么（fly的过去式是什么）">fly的过去式是什么过去分词是什...</a></li>
<li><a href="https://108qi.com/xxdt/202305/421989.html" title="狙击游戏排行榜前十名（狙击游戏）">狙击游戏排行榜前十名（狙击游戏）</a></li>
<li><a href="https://news.108qi.com/zx/202305/421988.html" title="我要上厕所小班教案（我要上厕所）">我要上厕所小班教案（我要上厕所）</a></li>
<li><a href="https://lagua.108qi.com/shkx/202305/421987.html" title="永州有几个火车站（永州火车站）">永州有几个火车站（永州火车站）</a></li>
<li><a href="https://lagua.108qi.com/jy/202305/421986.html" title="闻仲的坐骑（闻仲）">闻仲的坐骑（闻仲）</a></li>
</ul>
</section>
<section id="divComments" class="widget widget_comments sb br mb">
<p class="c-title mb10"><span class="name">随机文章</span></p>
<ul class="widget-content divComments">
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/shbk/202110/3.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022044403478.jpg" alt="柚子的营养价值都有哪些" title="柚子的营养价值都有哪些"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/shbk/202110/3.html" title="查阅详情">柚子的营养价值都有哪些</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:42</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/shbk/202110/4.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022044505636.jpg" alt="你知道康乃馨的养殖方法有哪些吗" title="你知道康乃馨的养殖方法有哪些吗"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/shbk/202110/4.html" title="查阅详情">你知道康乃馨的养殖方法有哪些吗</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:42</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/shuma/202110/5.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045054308.jpg" alt="带弹出式摄像头的摩托罗拉OneHyper将于下周推出" title="带弹出式摄像头的摩托罗拉OneHyper将于下周推出"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/shuma/202110/5.html" title="查阅详情">带弹出式摄像头的摩托罗拉OneHyper将于下周推出</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:50</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/shuma/202110/6.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045145673.jpg" alt="GalaxyS9Android10OneUI2.0测试版从一些坏消息开始" title="GalaxyS9Android10OneUI2.0测试版从一些坏消息开始"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/shuma/202110/6.html" title="查阅详情">GalaxyS9Android10OneUI2.0测试版从一些坏消息开始</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:51</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/hlw/202110/7.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045241638.jpg" alt="三星PlayGalaxyLinkBeta开始你需要知道的" title="三星PlayGalaxyLinkBeta开始你需要知道的"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/hlw/202110/7.html" title="查阅详情">三星PlayGalaxyLinkBeta开始你需要知道的</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:45</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/xxhd/202110/8.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045314574.jpg" alt="RingVideoDoorbell获得新的节日面板和声音" title="RingVideoDoorbell获得新的节日面板和声音"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/xxhd/202110/8.html" title="查阅详情">RingVideoDoorbell获得新的节日面板和声音</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:45</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://www.108qi.com/hlw/202110/9.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045341944.jpg" alt="谷歌相册支持手动面部标记" title="谷歌相册支持手动面部标记"></a></span>
<div class="title"><a class="a ellipsis" href="https://www.108qi.com/hlw/202110/9.html" title="查阅详情">谷歌相册支持手动面部标记</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:45</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/xxhd/202110/10.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045438616.jpg" alt="WilliamsSonoma与InstantPot合作推出了一个新系列" title="WilliamsSonoma与InstantPot合作推出了一个新系列"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/xxhd/202110/10.html" title="查阅详情">WilliamsSonoma与InstantPot合作推出了一个新系列</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:45</span></div>
</div>
</li>
<li class="list clearfix">
<span class="avatar fl"><a href="https://lagua.108qi.com/keji/202110/11.html"><img src="https://www.108qi.com/uploadfile/2021/1022/thumb_70_70_20211022045533474.jpg" alt="亚马逊Alexa做的一件事就是让它听起来更具对话性" title="亚马逊Alexa做的一件事就是让它听起来更具对话性"></a></span>
<div class="title"><a class="a ellipsis" href="https://lagua.108qi.com/keji/202110/11.html" title="查阅详情">亚马逊Alexa做的一件事就是让它听起来更具对话性</a>
<div class="info ellipsis"><span class="time"><i class="iconfont icon-time"></i>2021-10-22 16:45</span></div>
</div>
</li>
</ul>
</section>
</div> </aside>
</div>
<script>
if (isMobile()){
document.write('<script>wap_show_button_under();<\/script><script>wap_show_button_float();<\/script>');
}
</script>
<style>
@media screen and (max-width:959px){
.copyright-link{display:none}
}
</style>
<footer class="footer">
<div class="main container">
<div class="f-about">
<p>© 2019-2023 All Rights Reserved .齐聚生活网 版权所有. <span class="diy fr">
<a href="https://www.108qi.com/ditu.html" target="_blank">网站地图</a>
<i>|</i>
<a href="https://www.108qi.com/sitemaps.xml" target="_blank">百度地图</a>
<i>|</i>
<a href="https://www.108qi.com/about.html" target="_blank">关于我们</a>
</span>
</p>
</div>
</div>
<div id="toolbar" class="toolbar ">
<div id="totop" class="btn hidden br transition"><i class="iconfont icon-totop"></i></div>
</div>
</footer>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "Je267NyXS8csPRdO",ck: "Je267NyXS8csPRdO"})</script>
<div id="mask-hidden" class="mask-hidden transition"></div>
<script src="https://www.108qi.com/statics/kaifa/js/common.js"></script>
<script src="https://www.108qi.com/statics/kaifa/js/headroom.min.js"></script>
<!--[if lt IE 9]><script src="static/js/html5shiv.min.js"></script><![endif]-->
<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>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?e8c8c6160769094fb1726107617edaa1f0ba3465505d349580cef8b22a5f09561bb8201ecb2a4504f6c207b330856576199f70e59fc1a8c4150f731a240acc27";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".table_card .tab li").click(function() {
$(".table_card .tab li").eq($(this).index()).addClass("active").siblings().removeClass("active");
$(".table_card .tabCon ul").hide().eq($(this).index()).show();
})
});
</script>
<script>
$("#wrong-btn").click(function () {
$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top -20+ "px"}, 500);
return false;
});
</script>
</body>
</html>
