border-color and border-left-width ie

I am tryng to write code for "diagonal border". If I use border-color:transparent in IE, it doesn't work, but if I use border-color:#000000 its works fine. In other browser (chrome, firefox it) works

I must use transparent for my website, and at this link there is an example

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;  }
#triangle-bottomright {
    height: 0;
    width: 0;
    border-color: transparent #bccdd7  transparent;
    border-style: solid solid solid dashed;
    border-width: 0 0 250px 0px;    
#triangle-bottomright-2 {
    height: 0;
    width: 0;
    border-color: transparent #bccdd7  #000000;
    border-style: solid solid solid dashed;
    border-width: 0 0 250px 0;  


<script type="text/javascript">
    $(window).on('resize', function(e){
        var w = $( window ).width();
        $('#triangle-bottomright').css('border-left-width', w+'px');
        $('#triangle-bottomright-2').css('border-left-width', w+'px');      
    $(window).trigger( "resize" )   

    <div class="init"></div>
    <div id="triangle-bottomright"></div>
    <div class="init"></div>
    <div id="triangle-bottomright-2"></div>    

PS. I need solution for ie 10 and ie 11, but if it works also in ie9 it's better


Use the alpha channel:


The "a", or alpha, is a 0-1 value that represents opacity (0 being transparent and 1 being completely opaque).

Hope this helps!

Need Your Help

How to prevent OutOfMemory exception when opening large Access .MDB files?

delphi ms-access out-of-memory delphi-xe5

I’m trying to read data which is generated by another application and stored in a Microsoft Office Access .MDB file. The number of records in some particular tables can vary from a few thousands up...

Polymer custom element tag appearing in the DOM

html css polymer polymer-1.0

I've just started learning about Polymer custom elements.