如何使照片与网站内容重叠?
How to make a photo to overlap site contents?
如何让聊天图片与网站内容重叠。
http://www.foxpic.com/VOsuXV0B.png
CSS代码
<style>
.livezilla{
float:right;
position: fixed;
bottom: 0px;
}
</style>
实时聊天底部代码
<div class="livezilla" style="text-align:right;width:201px;"><!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
var script = document.createElement("script");script.async=true;script.type="text/javascript";var src = "http://yaradress.com/livezilla/server.php?a=81cbf&rqst=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://yaradress.com/livezilla/server.php?a=81cbf&rqst=track&output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code --><a href="javascript:void(window.open('http://yaradress.com/livezilla/chat.php?a=a2e25&epc=I2IwYWFhOA__','','width=590,height=760,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" class="lz_cbl"><img src="http://yaradress.com/livezilla/image.php?a=00e3a&id=1&type=inlay" width="201" height="53" style="border:0px;" alt="LiveZilla Live Chat Software"></a><!-- http://www.LiveZilla.net Chat Button Link Code --><div style="margin-top:2px;"><a href="http://www.livezilla.net" target="_blank" title="LiveZilla Live Chat" style="font-size:11px;color:#b7b7b7;text-decoration:none;font-family:verdana,arial,tahoma;"> </a></div></div>
出现问题是因为position: fixed;在 CSS.
有什么办法可以解决吗?
我找到了解决方案。
您必须将此代码添加到 CSS
z-index: 100;
如何让聊天图片与网站内容重叠。
http://www.foxpic.com/VOsuXV0B.png
CSS代码
<style>
.livezilla{
float:right;
position: fixed;
bottom: 0px;
}
</style>
实时聊天底部代码
<div class="livezilla" style="text-align:right;width:201px;"><!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
var script = document.createElement("script");script.async=true;script.type="text/javascript";var src = "http://yaradress.com/livezilla/server.php?a=81cbf&rqst=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://yaradress.com/livezilla/server.php?a=81cbf&rqst=track&output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code --><a href="javascript:void(window.open('http://yaradress.com/livezilla/chat.php?a=a2e25&epc=I2IwYWFhOA__','','width=590,height=760,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" class="lz_cbl"><img src="http://yaradress.com/livezilla/image.php?a=00e3a&id=1&type=inlay" width="201" height="53" style="border:0px;" alt="LiveZilla Live Chat Software"></a><!-- http://www.LiveZilla.net Chat Button Link Code --><div style="margin-top:2px;"><a href="http://www.livezilla.net" target="_blank" title="LiveZilla Live Chat" style="font-size:11px;color:#b7b7b7;text-decoration:none;font-family:verdana,arial,tahoma;"> </a></div></div>
出现问题是因为position: fixed;在 CSS.
有什么办法可以解决吗?
我找到了解决方案。
您必须将此代码添加到 CSS
z-index: 100;