当前位置: 首页 > 面试题库 >

如何使CSS无法点击区域?

怀洛华
2023-03-14
问题内容

假设如果我的包装div包含一些链接和图像,那么有什么方法可以仅通过CSS一次将其停用?

在查看答案之后:
我放弃了仅可以使用CSS实现的想法。jQuery blockUI插件的魅力非常大。


问题答案:

如果您要使用jQuery,则可以使用blockUI插件轻松完成此操作。…或使用CSS回答您的问题,您必须将div绝对定位在要阻止的内容上。只需确保绝对定位的div位于为z索引目的而被阻止的内容之后。

<div style="position:relative;width: 200px;height: 200px;background-color:green">
    <div>
        <a href="#">Content to be blocked.</a>
    </div>
    <div style="position: absolute;top:0;left:0;width: 200px;height:200px;background-color: blue;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>
</div>

对所有内联CSS很抱歉。您将不得不做一些不错的课程。此外,这仅在firefox和IE7中进行了测试



 类似资料:
  • 本文向大家介绍如何放大点击的区域?相关面试题,主要包含被问及如何放大点击的区域?时的应答技巧和注意事项,需要的朋友参考一下

  • 问题内容: 我有一个图像,单击该图像时,我想在其下方显示另一个图像。我正在寻找一个简单的CSS only解决方案。 那可能吗? 问题答案: 您可以使用具有不同样式的标签:

  • 问题内容: 我想使UILabel可点击。 我已经尝试过了,但是没有用: 问题答案: 你有没有尝试设置到上标签?这应该工作。

  • 我正在使用Vue,并且: 我如何才能使整行可点击,而不仅仅是具有路由器链接的按钮?

  • 问题内容: 我正在尝试使菜单用作选项卡。选项卡本身工作正常,菜单链接也很好。.但是我想删除活动选项卡的底部边框,以使其看起来像您在该实际页面上。我尝试使用,但似乎只有在按下链接后才能使用。我也有关于用javascript做到这一点的方法,但是我似乎无法找到一种方法来做到这一点。这是我活跃的CSS。 CSS :(请让我知道您是否需要更多的CSS) 谢谢,/ Pyracell 问题答案: 从您的演示链

  • 从pygame的api来看,它有: 但是没有办法区分右点击和左点击?