关于#前端#的问题，如何解决？

前端页面的问题
就是在前端出现滑块验证码的时候，除了验证码其他的部分就会变暗，无法点击，此时只能点击滑块的区域，如何通过前端知识找到影响该现象的标签啊，目的是为了检测滑块
例如TB界面，直接出现滑块后，除了滑块所在的区域其他区域都是暗的

img


前端是怎么处理，我打算使用selenium检测出来，使用标签检测太乱了，标签检测的方式已经有了，现在需要前端的检测方案

selenium可以用execute_script传入要点击的对象作为参数，用js实现点击


from selenium.webdriver.common.by import By
obj=driver.find_element(By.CSS_SELECTOR,'a[lay-event=look]')##注意修改要点击的对象的css选择器
html=driver.execute_script('arguments[0].click()',obj)

变暗的是一个遮罩层的div，你右键点击遮罩层, 选择"检查"可以查看下遮罩层的div代码，记下遮罩层div的id或class
用js判断元素是隐藏还是显示

<script type="text/javascript">

var obj = document.querySelector("#遮罩层div的id");
if ((obj.currentStyle||getComputedStyle(obj,null)).display!="none") {
    console.log("显示");
} else {
    console.log("隐藏");
}

</script>

这个 暗下来的是遮罩层 。应该是一个div 设置了 样式 。这个div 应该设置了定位 和 z-index

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .zhe{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 100;
            background: #333;
            opacity: 0.5;
            top: 0;
            display: none;
        }
        .open{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 100;
            background: #333;
            opacity: 0.5;
            top: 0;
            display: block;
        }
    </style>
</head>
<body>
    <button id="btn">遮罩层</button>
    <div class="zhe"></div>
</body>
<script>
    let btn=document.getElementById("btn");
    let zhe=document.getElementsByClassName("zhe")[0];
    btn.onclick=function(){
        zhe.className="open";
    }
</script>
</html>

就是一个遮罩层，你右击审查元素可以查看下代码

前端的页面灰暗是前端控制的，问什么会不知道现在处于什么状态

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632