免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: [已解决] 求助如何实现背景图贴在自己的论坛纵横平铺 [打印本页]
作者: 麻城生活网    时间: 2018-9-9 15:10     标题: 求助如何实现背景图贴在自己的论坛纵横平铺

本帖最后由 麻城生活网 于 2018-9-9 16:43 编辑

18090812491ae2e5e05c9f70c9.jpg

如何把上图背景直接用在自己的论坛背景上纵横平铺，头部代码不行，会覆盖免刷新切换论坛背景导致失效。

图片附件: 18090812491ae2e5e05c9f70c9.jpg (2018-9-9 15:06, 733.25 KB) / 下载次数 2037
http://icode.258club.com/attachment.php?aid=337&k=1b5bdf0efc6929e3099d23062a9a1dcb&t=1750006628&sid=lFf8YO

作者: 麻城生活网    时间: 2018-9-9 15:47

我用了两组代码来实现的，各位站长能不能电脑端帮我测试一下宽屏的效果，我这边笔记本
css_append
  1. html,body {background: url("http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg") repeat-x 0 0;text-align: center;}
复制
其他头部
  1. <style>body,html{background-attachment:fixed!important;}</style>
复制
作者: 麻城生活网    时间: 2018-9-9 15:54

360测试其他风格背景有一点点瑕疵，用火狐就不行了，谁有ie浏览器帮我测试一下！！！
作者: icode    时间: 2018-9-9 16:03

加上
  1. background-size:cover
复制
就可以了

比如
  1. .red {
  2.     background: #FCFAF0 url(http://icode.258club.com/attachments/month_1809/1809091….jpg) no-repeat 50% 0;
  3.     background-size: cover;
  4. }
复制
作者: 麻城生活网    时间: 2018-9-9 16:10

回复 4# icode


    我去试试！！！感谢哈
作者: 麻城生活网    时间: 2018-9-9 16:17

回复 4# icode


    这个代码加到各个颜色背景里不行了，背景直接乱了
作者: icode    时间: 2018-9-9 16:26

回复 6# 麻城生活网


    你的common模版里不是有风格切换的css么？
  1. .default{background: #96C9FE url(http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg) repeat-x 20 0;}
  2. .red{background: #FCFAF0  url(http://mc0713.66rt.com/attachments/day_180907/18090717025e9e049a0ad8b500.jpg) no-repeat 50% 0;}
  3. .orange{background: #FCFAF0 url(http://mc0713.66rt.com/attachments/day_180907/1809071702fe7bd1b1850b49fc.jpg) no-repeat 50% 0;}
  4. .blue{background: #FFFFFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701f2e2a134107b9eac.jpg) no-repeat 50% 0 fixed;text-align: center;}
  5. .green{background: #FFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701e445e03aea373f3f.jpg) no-repeat 50% 0;}
  6. .purple{background: #FFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701be6e117566216898.jpg) no-repeat 50% 24px;}
复制
你把默认风格那个改成
  1. .default{background: #96C9FE url(http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg) no-repeat 50% 0; background-size: cover;}
复制
作者: 麻城生活网    时间: 2018-9-9 16:26

回复 4# icode
  1. /* ~~~~~~~~~~~~~~~~~~~~ 风格切换~~~~~~~~~~~~~~~~~~~~ */
  2. #set_style_menu{padding: 6px 10px 10px;}
  3. .sslct_btn i {float: left;display: inline;margin: 1px;width: 10px;height: 10px;background: #2E80D1;overflow: hidden;font-style: normal;}
  4. #set_style_menu li {float: left;margin: 4px 4px 0 0;width: 12px;height: 12px;border: 1px solid #CDCDCD;cursor: pointer;list-style: none;}
  5. #set_style_menu li i {float: left;display: inline;margin: 1px;width: 10px;height: 10px;background: #2E80D1;overflow: hidden;font-style: normal;}
  6. .default{background: #96C9FE url(http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg) repeat-x 20 0;}
  7. .red{background: #FCFAF0  url(http://mc0713.66rt.com/attachments/day_180907/18090717025e9e049a0ad8b500.jpg) no-repeat 50% 0;
  8. background-size: cover;
  9. }
  10. .orange{background: #FCFAF0 url(http://mc0713.66rt.com/attachments/day_180907/1809071702fe7bd1b1850b49fc.jpg) no-repeat 50% 0;
  11. background-size: cover;
  12. }
  13. .blue{background: #FFFFFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701f2e2a134107b9eac.jpg) no-repeat 50% 0 fixed;text-align: center;
  14. background-size: cover;
  15. }
  16. .green{background: #FFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701e445e03aea373f3f.jpg) no-repeat 50% 0;
  17. background-size: cover;
  18. }
  19. .purple{background: #FFF url(http://mc0713.66rt.com/attachments/day_180907/1809071701be6e117566216898.jpg) no-repeat 50% 24px;
  20. background-size: cover;
  21. }
  22. #toptb {
  23.     border-bottom: 1px solid #CDCDCD;
  24.     background: #F2F2F2;
  25.     line-height: 0px;
  26.     margin-top: -5px;
  27.     height: 22px;
  28. }
  29. .zsc a{float: left;padding: 0 4px;height: 28px;color:#333 ;}
复制
作者: icode    时间: 2018-9-9 16:27

还有，css_append模版里
  1. html,body {background: url("http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg") repeat-x 0 0;text-align: center;}
复制
删了吧
作者: 麻城生活网    时间: 2018-9-9 16:29

回复 9# icode


    我想达到的效果是默认风格就用1楼的背景，其他的颜色背景保持不变
作者: 麻城生活网    时间: 2018-9-9 16:30

回复 7# icode


    刚加上去的
作者: icode    时间: 2018-9-9 16:37

默认背景的写法错了要改成
  1. .default{background: #96C9FE url(http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg) no-repeat 50% 0; background-size: cover;}
复制
作者: 麻城生活网    时间: 2018-9-9 16:40

回复 12# icode


    应该好了吧，谢谢无界兄的热心帮助！！！！
作者: 麻城生活网    时间: 2018-9-9 16:42

回复 12# icode


    恩，之前我的默认背景图与主题表格有出入我自己瞎改的，谁知道蒙对了！！！！
作者: 麻城生活网    时间: 2018-9-9 21:07

回复 14# 麻城生活网


    精华帖子好像调用的不对，你给看看哪里出问题了？



欢迎光临 爱秀代码 (http://icode.258club.com/) Powered by Discuz! 7.2