getWeather({"success":"1","result":[{"cityno":"shanghai"}) 求助如何实现背景图贴在自己的论坛纵横平铺 - 会员疑问求助 - 爱秀代码 爱代码|icode|sclub代码|discuz7.2代码
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
申请论坛问题反馈
帖子
发帖
楼主: 麻城生活网
上一主题 下一主题 打印

[已解决] 求助如何实现背景图贴在自己的论坛纵横平铺   [复制链接]

电梯直达 楼主
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. }
复制
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

沙发
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;}
复制
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

板凳
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;}
复制
删了吧
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

地板
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;}
复制

点评

icode   

no-repeat 50% 0这样才对，而不是no-repeat 20 0    发表于 2018-9-9 16:38 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
 返回首页