JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/css3pie/1.0.0/PIE.js"></script>
<div id="a"></div>
<button id="add">Add to Div</button>

CSS

div#a {
    padding:50px;
    background-size: 50px 50px;
background-color: #0ae;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
behavior: url(/PIE.htc);

}

span {
    background-color: red;
}

JavaScript

$("#a").bind("DOMSubtreeModified", function() {
     if (window.PIE) {
        $(this).each(function() {
            PIE.attach(this);
        });
    }
    alert("tree changed");
});


$("#add").click(function() {
    $("#a").append("<span>hey there</span>");
});