最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 自适应网站移动端css底部悬浮代码样式

    正文概述 管理员   2024-09-02   83
    /*通用底部样式*/
    .newblank{width: 100%;height: 55px;float:left;display: none;}
    .newfooter{display: none;}
    @media screen and (max-width:750px){
    	.newblank{display: block;}
    	.newfooter{left:0px;z-index:999;width: 100%;height:55px;position: fixed;bottom: 0;display: block;}
    	.newfooter-li{width:50%;height:100%;float:left;}
    	.newfooter-li a{width: 100%;height: 100%;display: inline-block;}
    	.newfooter-li img{width: 100%;}
    }

    html代码:

    <div class="newblank">&nbsp;</div>
    <div class="newfooter">
    	<div class="newfooter-li">
    		<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=88921855&amp;site=qq&amp;menu=yes">
    			<img src="/skin/zhann/images/E0_01.jpg">
    		</a>
    	</div>
    	<div class="newfooter-li">
    		<a href="tel:13888888888">
    			<img src="/skin/zhann/images/E0_02.jpg">
    		</a>
    	</div>
    </div>


    站长源码网 » 自适应网站移动端css底部悬浮代码样式

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元