0

我陷入了不透明问题...

我有这个 HTML 结构

<body>
  <div id="G_I_Error"></div>
  <div id="main">
    <!-- some stuff -->
  </div>
</body>

然后，我用 JS 修改“主要”不透明度。

但是，对于 IE8，“main”的子元素始终具有相同的不透明度（100）......

我该怎么做才能使孩子的不透明度与“主要”相同？

4

1 回答 1

0

我有几个 DIV ......像这样：

<div class="main" id="main">
  <div class="top">
    <span class="logoNameText">MY WEBSITE</span>
    <form name="li" action="#" method="post">
    </form>
  </div>

  <div class="content">
  </div>

  <script>launchError(1);<script>
</div>

是登录页面吗...

JS 代码非常简单：

function launchError(c){
  t='';
  if(c==1){
t='<span id="Close" onclick="dimiss(1);">x</span><span id="Error"><b>Error opening session</b><br /><a href="#">Forgot your password?</a></span>';
  }else if(c==2){
t='<span id="Close" onclick="dimiss(1);">x</span><span id="Error"><b>Error during register: </b><br />Inserted emails don\'t match</span>';
  }else if(c==3){
t='<span id="Close" onclick="dimiss(1);">x</span><span id="Error"><b>Error during register: </b><br />Inserted passwords don\'t match</span>';
  }else if(c==4){
t='<span id="Close" onclick="dimiss(1);">x</span><span id="Error"><b>Error during register: </b><br />Inserted email is already registered</span>';
  }

  if(c<=4){
    document.getElementById('G_I_Error').innerHTML=t;
    setOpacity(document.getElementById('main'), 50);
    document.re.d.setAttribute('onclick', 'voidFunction();');
  }
}


function setOpacity(e,o){
  e.style.opacity=o/100;
  e.style.MozOpacy=o/100;
  e.style.filter='alpha(opacity='+o+')';
}

然后，CSS 也很简单。

.main{margin-left:auto;margin-right:auto;margin-top:auto;width:1000px;}
.top{height:98px;}
.content{top:20px;height:500px;position:relative;}

...我希望它有所帮助。

于 2013-01-25T06:29:57.190 回答