title: Resetting the opacity of a child element - Maple Browser (Samsung TV App)
body: <p>I have an issue with creating a transparent element which has a child element.
  Using this code the child element gets the opacity value from the parent element.</p>
  
  <p>I need to reset/set the child's element opacity to an arbitrary value.
  Browser of reference is <code>Maple Browser (for a Samsung TV Application)</code>.</p>
  
  <pre><code> .video-caption {
          position: absolute;
          top:50px;
          width: 180px;
          height: 55px;
          background-color: #000;
          -khtml-opacity:.40; 
          -moz-opacity:.40; 
          -ms-filter:"alpha(opacity=40)";
          filter:alpha(opacity=40);
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4); /*just for testing*/
          opacity:.40; 
      }
      .video-caption &gt; p {
          color: #fff !important;
          font-size: 18px;
          -khtml-opacity:1; 
          -moz-opacity:1; 
          -ms-filter:"alpha(opacity=100)";
          filter:alpha(opacity=100);
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
          opacity:1; 
      }
  </code></pre>
  
  <p>EDIT MARKUP</p>
  
  <pre><code>&lt;div&gt; &lt;img id="videothb-1" src="https://xxxxx/splash.jpg"&gt; &lt;div class="video-caption"&gt; &lt;p&gt;Description here&lt;/p&gt; &lt;/div&gt; &lt;/div&gt;
  </code></pre>