如何使CSS无法点击区域？

  • Z时代
  • 2024-01-10
  • 分类：问答

假设如果我的包装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无法点击区域？ 的全部内容， 来源链接： utcz.com/qa/416278.html

回到顶部