admin

[经典代码] css 右下角悬浮代码

<style>

.side-bar a,.chat-tips i {background: url(view/image/2wm.gif) no-repeat;} 

.side-bar {width: 66px;position: fixed;bottom: 20px;right: 25px;font-size: 0;line-height: 0;z-index: 100;} 

.side-bar a {width: 66px;height: 66px;display: inline-block;background-color: #ddd;margin-bottom: 2px;} 

.side-bar .icon-chat {background-position: 0 -130px;position: relative;background: url(view/image/2wm.gif) no-repeat;} 

.side-bar .icon-chat:hover .chat-tips {display: block;} 

.chat-tips {padding: 0px;position: absolute;right: 80px;top: -86px;background-color: #fff;display: none;} 

.chat-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;} 

.chat-tips img {width: 151px;height:151px;} 

</style>


<div class="side-bar">  

    <a href="#" class="icon-chat">手机版<div class="chat-tips"><i></i> 

    <img src="view/image/siyb.png"></div></a>  

</div> 


#1楼
发帖时间:2016-8-26   |   查看数:0   |   回复数:0
游客组