我们希望在我们的网站上进行实时聊天以帮助用户。因此,我们需要在第一页上有一个弹出窗口。通过单击它,将出现一个聊天窗口。
问题是,在滚动浏览主页时,弹出窗口位于主页框下方。在这里你可以看到它:
这是我的代码:
<!-- mibew button -->
<a id="mibew-agent-button" style="left: 2.5%; bottom: 2.5%; position: fixed;" onclick="Mibew.Objects.ChatPopups['5b1cbf2d5cf9dd0c'].open();return false;" href="/mibew/index.php/chat?locale=en" target="_blank">
<img alt="" src="/mibew/index.php/b?i=mibew&lang=en" border="0">
</a>
<script src="/mibew/js/compiled/chat_popup.js" type="text/javascript"></script>
<script type="text/javascript">
Mibew.ChatPopup.init({
"id": "5b1cbf2d5cf9dd0c",
"url": "\/mibew\/index.php\/chat?locale=en",
"preferIFrame": true,
"modSecurity": false,
"forceSecure": false,
"width": 640,
"height": 480,
"resizable": true,
"styleLoader": "\/mibew\/index.php\/chat\/style\/popup"
});
</script>
<!-- / mibew button -->
我认为我们必须内联添加HTML属性,"style="left: 2.5%; bottom: 2.5%; position: fixed;"
但不确定。
你能帮我解决这个问题吗?
z-index: 1000; position: relative;
在模态中使用属性
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句