css+div 如何实现客服窗口,在某一个id的位置显示并且悬浮

html-css026

css+div 如何实现客服窗口,在某一个id的位置显示并且悬浮,第1张

可以使用css fixed,

例:

<style>

.window{

width:100px

height:50px

position:fixedright:0top:45%//关键是这一行,设置窗口的位置,如果网页层较多,应该用z-index将窗口div置于顶层,否则会被遮盖;

z-index:999

}

</style>

<div class="window">

客服窗口,点击与客服咨询

</div>

<div style="right:0position:fixed_position:absolutebottom:100px" id="xf_01"><img src="images/1.jpg"><div style="text-align:rightheight:20px"><span onclick="document.getElementById('xf_01').style.display='none'" style="cursor:handpadding-left:100px"><a>关闭</a></span></div></div>

把你的问题去百度一搜,有很多的