• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题。售前、售后问题请联系QQ:5916171
  • 发帖需要扣除两点虚拟积分是为了控制乱发广告,如不便可进群提问。点击链接加入群聊【XenForo讨论社区】:群号1:143277648 | 群号2:1053532522

已解决 如何修改我在手机上看网站时的背景图?

黄金
41G
我想要用电脑浏览网站时使用A图
然后在手机装置上时则改为使用B图
如何做到?


下面的是我找到相关的程式码,但我不知道放在哪里? extra.less吗还是放在哪...?


直接侦测目前使用者的装置有没有支援触控,
有的话,就当作『行动装置』来看待(当然这里就要牺牲有触控功能的笔记型电脑了),
程式如下:
function isMobile() {

try{ document.createEvent("TouchEvent"); return true; }

catch(e){ return false;}

}

应用的范例:
if(isMobile()){....这里就放入如果是行动装置的话,要怎么弄....}

else{....这里就放入一般正常装置的程式码....}
 

死了算了

管理成员
黄金
109,470G
在extra.less 模板里添加如下css样式即可图片链接换成自己的

CSS:
body {
    background-image:url('http://www.runoob.com/try/demo_source/paper.gif');
    
    @media (max-width: @xf-responsiveWide) {
        background-image:url('http://www.runoob.com/try/demo_source/gradient2.png');
    }
    
    @media (max-width: @xf-responsiveMedium) {
        background-image:url('http://www.runoob.com/try/demo_source/bgdesert.jpg');
    }
    @media (max-width: @xf-responsiveNarrow) {
        background-image:url('http://www.runoob.com/try/demo_source/img_tree.png');
    }
}
 
顶部 底部