JSFiddle - React, Tailwind, and code Playground

by johntrepreneur

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div id="div1">
    <h1>Image Transparency</h1>
    <img src="http://www.w3schools.com/cssref/pineapple.jpg" width="150" height="113">
    <I class="fa fa-map-marker map-marker-icon"></I>
</div>

CSS

#div1 {
    /*opacity: 0.3;*/
    
    filter: alpha(opacity=30); /* For IE8 and earlier */
    /*-ms-filter: alpha(opacity=30); /* For IE8 and earlier */
    font-size: .9em;
}

img, h1, i {
    /*opacity: .3;*/
    
    filter: alpha(opacity=30); /* For IE8 and earlier */
    /*-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(enabled=false)';*/
    /*-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=30)';
}