I have a div and i just want the external image to be tinted blue. This code is working fine in all browsers but IE Edge and previous.
One thing is i need to solve this with css, im response.writing this html out dynamically. Here is the current working code
background-position: center center;
//fyi the url is found dynamically
<div class="col-sm-24 col-md-12 section-2" style="background-image: url('https://external.xx.fbcdn.net/safe_image.php?d=AQD0jbn3FeE4TUol&url=http%3A%2F%2Fgoodnewsshared.com%2Fwp-content%2Fuploads%2F2016%2F10%2Frsz_shitima_markit_2.jpg');">
You can add this line to your css and it will get it working for you. You just have to adjust the level of opacity from 0.3 to whatever level you want. tested and working on edge.
box-shadow:inset 0 0 0 2000px rgba(84,179,234,0.3);
here is the fiddle