您可以通过以下方式获得ParentDiv的不透明度：

var elem = document.getElementById("ParentDiv");
var opacity= window.getComputedStyle(elem,null).getPropertyValue("opacity");

字符串
要禁用子<a>标记，请执行以下操作：

if (opacity<1) {
        elem.getElementsByTagName("a").disabled=true;
}

型

你可以使用pointer-events: none;来避免可点击的链接：

.div { opacity: 0.5; }
.div:hover { opacity: 1; }

.div a { pointer-events: none; }
.div:hover a { pointer-events: all; }

字符串
关于指针事件的更多信息，您可以找到here

我已经为我做了这件事，它工作得很好，这是代码。

$('.grindpost a').each(function(e){
            $(this).click(function(e){
                if ($(this).closest('.grindpost').css('opacity') != 1) { e.preventDefault(); return false; }
            });
            
        });

字符串
这实际上是一种非常简洁的方式，让移动的用户可以通过伪“悬停”进行交互。您将div设置为50不透明度，然后用户必须单击它才能看到div中的全色链接图像。然后如果他们喜欢它，他们单击现在100%不透明度的图像，然后将其带到您的链接。