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.

I need to reset/set the child&#39;s element opacity to an arbitrary value.
Browser of reference is `Maple Browser (for a Samsung TV Application)`.


  

     .video-caption {
            position: absolute;
            top:50px;
            width: 180px;
            height: 55px;
            background-color: #000;
            -khtml-opacity:.40; 
            -moz-opacity:.40; 
            -ms-filter:&quot;alpha(opacity=40)&quot;;
            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:&quot;alpha(opacity=100)&quot;;
            filter:alpha(opacity=100);
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
            opacity:1; 
        }


EDIT MARKUP

    &lt;div&gt; &lt;img id=&quot;videothb-1&quot; src=&quot;https://xxxxx/splash.jpg&quot;&gt; &lt;div class=&quot;video-caption&quot;&gt; &lt;p&gt;Description here&lt;/p&gt; &lt;/div&gt; &lt;/div&gt;



All Samsung Smart-Tv Solutions on Gang of Coders

Total of 1 Samsung Smart-Tv Solutions

Resetting the opacity of a child element - Maple Browser (Samsung TV App)