2012-02-21 5 views
3

Так что я использую это: border-left:1px solid rgba(96, 96, 96, 0.61);, конечно, не работает над IE, и я нашел этот сайт: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer, который преобразует значения RGBA для IE, теперь, как я адаптирую код ниже с помощью border-left?RGBA border на ie

{ 
background: transparent; 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060); /* IE6 & 7 */ 
     zoom: 1; 
} 
+0

Я не думаю, что IE8 <имеет поддержку для этого, только для цвета фона. – elclanrs

+2

У IE есть только градиенты для фона. Если вы хотите иметь градиент границы, вам нужно добавить элемент container/dummy и назначить ширину 1px и свойство 'filter' +' -ms-filter', как показано в вопросе. –

ответ

0

падать назад для поддержки IE6 +, вы можете указать BKGD кусок для PNG, это цвет, который заменит истинную прозрачность альфа, если она не поддерживается. Вы можете исправить это с помощью gimp, например.

<!--[if IE]> 
 
     
 
     <style type="text/css"> 
 

 
     .color-block { 
 
      background:transparent; 
 
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
 
      zoom: 1; 
 
     } 
 
div { 
 
    background: rgb(200, 54, 54); /* The Fallback */ 
 
    background: rgba(200, 54, 54, 0.5); 
 
} 
 
     </style>

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