border-color и border-left-width ie

Я пытаюсь написать код для "diagonal border".
Если я использую border-color:transparent в IE, это не сработает, но если я использую border-color:#000000, его работы прекрасны.
В другом браузере (Chrome, Firefox это) работает
border-color и border-left-width ie

я должен использовать прозрачный для моего сайта, и по этой ссылке есть пример http://jsfiddle.net/K2EGY/5/

<style> 
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } 
.init{ 
    position:relative; 
    margin:auto; 
    width:100%; 
    height:130px; 
    background-color:#ffffff; 
}  
#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; 
} 
</style>

JS и HTML

<script type="text/javascript"> 
$(document).ready(function(){ 
    //DIV TRIANGOLARI 
    $(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") 
}) 
</script> 
</head> 

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

PS. Мне нужно решение, т.е. 10 и 11, то есть, но если он работает также в IE9 это лучше

источник

2014-01-28 ulcera

Какая версия IE вам нужна? Если IE9 или выше, возможно, вы можете попробовать rgba (0,0,0,0). – davidgnin

У меня есть только IE10 и IE11..и он не работает rgba (0,0,0,0). – ulcera

Вам следует обновить свой вопрос, указав, в каких версиях IE вам нужно решение для работы с –

Используйте альфа-канал:

border-color:rgba(0,0,0,0.0);

«а», или альфа, имеет значение 0-1, что представляет непрозрачность (0 является прозрачной и 1 полностью непрозрачной).

Надеюсь, это поможет!

источник

2014-03-08 19:53:59

Не работает :-( – ulcera

border-color и border-left-width ie

ответ

Смежные вопросы