Question

I have developed android phonegap application using javascript.
I am having one parent div and one child div inside.When i click the the button i will open the child div as like popup.But problem is i need to set opacity for my parent div not the child div.How to do this using javascript or css.

HTML code:

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

Please kindly help me.Thanks in Advance.

Answer 1

i recommend you this:

css:

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

javascript:

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