使用javascript将不透明度设置为父div

Question

我使用javascript开发了android phonegap应用程序。 我有一个父div和一个孩子div里面。当我点击按钮时，我将打开子div像弹出一样。但问题是我需要为我的父div而不是子div设置不透明度。如何使用javascript或css。

HTML code：

<div id="parent">
 <input type="button" value="open"/>
 <div id="child">
 </div>
  </div>

请帮助我。谢谢。

Answer 1

我推荐你这个：

的CSS：

#parent.faded {
  opacity: 0.5;
  // more css
}

的javascript：

obj.onclick = function() {
  document.getElementById('parent').className = 'faded';
}