Question

我有两个div，一个在另一个里面，我想为访客用户阻止内部div（div2），所以他们无法与该div交互，我希望他们只能看到生成javascript的图像。

这是代码：

<DIV id="div1" style="overflow:hidden; position:fixed; top:80px; left:0px; height:52; width:177; "  onClick="location.href='login.php'">

<div id="div2">
<script type="text/javascript" src="/chat/livehelp_js.php?eo=1&relative=Y&amp;department=1&amp;serversession=0&amp;pingtimes=60&amp;filter=Y&amp;"></script>
</div>

</DIV>

我尝试使用z-index但它不起作用

我可以做些什么来锁定div2？感谢

Answer 1

尝试在另一个上创建另一个透明div，你需要阻止。

试试这个：Create a Modal Dialog

如果没有登录，只需使叠加div可见，如果已登录则隐藏。

Answer 2

请记住，如果使用css（或嵌入式样式标签）“阻止”div2，则可以轻松撤消。 FireBug中的几次点击和div将被“解锁”。此外，“手动”发出针对网址的请求将绕过任何“阻止”。

对于/ chat / livehelp中的服务，或者当用户未登录时返回并清空div，会不会更好？

Answer 3

我不确定我能帮到你，但是使用像jQuery-UI（或者Kendo-UI？）这样的插件，你可以轻松管理对话框表格

ES。 Dialog demo

否则我认为你必须破解一些js + css + html技巧......

阻止<div>以避免与内容交互</div>

3 个答案: