0

不透明度の問題で立ち往生しています...

私はこのHTML構造を持っています

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

次に、JSを使用して「メイン」の不透明度を変更します。

ただし、IE8では、「メイン」の子要素は常に同じ不透明度（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 に答える