如何删除javascript中的不透明度

How to remove the opacity in javascript?

本文关键字：javascript 不透明度 删除 何删除      更新时间：2023-09-26

我有一个视图隐私策略。我为div添加了不透明度，但现在我不知道如何删除不透明度。我正在尝试删除该属性，但它不起作用。有人能帮帮我吗？这是一个非常迫切的要求。

<script type="text/javascript">

    function show(id)
    {
       if(document.getElementById("wrapper")) //check the element exists and can be accessed
       {   
           var ele = document.getElementById("wrapper");//get hold of the element
           if(ele.style.visibility=="visible")//see if display property is set to none
           {   
           }
           else
           {
                ele.style.visibility="visible";
               document.getElementById('LOGIN').style.opacity = 0.4;
           }
       }
    } 
    function hide(id)
    {
       if(document.getElementById("wrapper"))//check the element exists and can be accessed
       {    
           var ele = document.getElementById("wrapper");//get hold of the element
           if(ele.style.visibility=="visible")//see if display property is set to none
           {   
               ele.style.visibility="hidden"; 
           }
           else
           {
           }
       }
    } 
</script>
<style>
#wrapper {
position:absolute; 
z-index:1;
top:11%; bottom:5%; left:4%;right:15%;
width:87%;
height:75%;
font-size:15pt;
border:5px solid orange;
border-radius:25px;
overflow:auto;
visibility:hidden;
background-color:#ffffff;
}
#LOGIN.faded {
  opacity: 0.5;
}
</style>
  </head>
  <body >
   <div id="LOGIN" align="center">
            <table width="100%">
                <tr>
                    <td>
                        <input type="image" src="../images/header-sign-up.png" style="width:100%" alt=""/>
                    </td>
                </tr>
            </table>
            <div align="center">
                <a href="#" onclick ="show('showhide');">View privacy policy</a>
            </div>
   </div>
   <div id="wrapper">
                    <div id="scroller" >
                        <div id="popupContact" >
                            <a href="#" onclick ="hide('showhide');">Close Window</a><br/>
                            <p>
                                &nbsp;&nbsp;biler Privacy Policy
                                &nbsp;Please feel free to contact us with any comments, questions, complaints or suggestions you might have regarding the information practices described in this statement. You may send us an e-mail at 
                          </p>  
                        </div>
                    </div>
                </div>
   </body>
</html>

尝试现有的不透明度，或者显示。。。

document.getElementById('varContent').style.opacity = 0;
document.getElementById('varContent').style.opacity = 1;

或

document.getElementById('varContent').style.display = 'none';
document.getElementById('varContent').style.display = 'block';

您必须使opacity值为1。

基于web套件的浏览器将不透明度设置为1会（不必要地）降低显示速度（尤其是在背景图像上滚动不透明度为1的内容时）

更好地完全删除属性（如果你确定它可用，可以使用"removeProperty"方法（IE 9或更好）：

element.style.removeProperty("opacity")

或者，更兼容：

element.style.opacity = ""
相关文章：