Question about how a element's opacity affecting its children.

Question about how a element's opacity affecting its children.

• qwv

  The spec has been clarified that the opacity of a parent element does not affect its children, unless it is zero in which case none of the children will draw.
  
  

• VenkateshMD

  In the short term, I would recommend not relying on current iHDSim behaviour. I would also recommend not setting opacity on any elements that have children (eg a <div> with some child buttons). If you want the background of the div to be transparent, I would recommend using another child div for that... for example, instead of:

  <div opacity="0.5" backgroundImage="something" />
  <button />
  <button />
  </div>

  I would suggest doing:

  <div>
  <div opacity="0.5" backgroundImage="something" />
  <button />
  <button />
  </div>

  This will ensure that the appearance of your markup is independent of whether opacity multiplies or not. This should only be a short-term solution until the spec is clarified.

  
  
  

• maryz

  May I ask why
  
  The HDDVD spec did not clearly define how opacity works for overlapped elements.
  But if we follow the opacity in CSS3 and modern browser implementations,
  you will find that the opacity is multiplied as 0.2*0.8 = 0.16
  
  

• Mateusz Rajca

  Please look at it this way that div is drawn on body with opacity 0.2 and button is drawn on div with opacity 0.8.
  
  
  
• Question about how a element's opacity affecting its children.