2012-08-27 60 views
1

我有一个观点的隐私政策。我为我的div添加了不透明度,但现在我不知道如何去除不透明度。我尝试删除属性,但它不工作。有人可以帮助我吗?这是一个非常紧迫的要求。如何删除JavaScript中的透明度?

<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> 
+2

反过来不透明度值至1.0?另请参见http://www.quirksmode.org/js/opacity.html使它在IE – DhruvPathak

回答

2

尝试不透明度你已经拥有,或显示...

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

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

您必须使opacity的值为1

+0

工作,谢谢你,我得到了它 – JavaH

0

与基于Web浏览器套件的设置不透明度1将(不必要的)减慢下来显示器(特别是滚动不透明度1内容在一个背景图像)时

更好完全消除属性(使用“removeProperty”方法如果你确定它是availab勒(IE 9或更高):

element.style.removeProperty("opacity") 

,或者更兼容:

element.style.opacity = ""