Прозрачный цвет фона в IE8

Question

Существует <tr> с background-color (зеленый), а некоторые <td> s переопределяют фон строки со своим (градиентом). Однако большинство ячеек имеют фоновое изображение (сортировка стрелок) для части ячейки вместе с прозрачным цветом фона. Это то, с чем я сейчас имею дело.

Все работы прекрасно в браузерах кроме IE8. Он показывает те клетки с белым фоном. Когда я открываю F12 Developer Tools и снимите флажок background-color: transparent, зеленый цвет от <tr> покажет, как и должно.

Я не могу использовать transparent image hack, так как нам нужны background-color для сортировки стрелок.

Как получить зеленый фон <tr>, чтобы показать в ячейки IE8?

Answer 1

попробовать что-то вроде этого:

background: rgba(200, 54, 54, 0.5); 

Первые три номера являются красный, зеленый и синий значения для цвета фона, а четвертый является альфа-канал.

Альфа-канал работает так же, как и значение непрозрачности.

Для IE 8, который, кажется, не поддерживает RGBA вам нужна непрозрачность атрибута это ниже, должно быть более кросс-браузер дружественного:

.transparent { 

/* works for IE 5+. */ 
filter:alpha(opacity=30); 

/* works for IE 8. */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 

/* works for old school versions of the Mozilla browsers like Netscape Navigator. */ 
-moz-opacity:0.3; 

/* This is for old versions of Safari (1.x) with KHTML rendering engine */ 
-khtml-opacity: 0.3; 

/* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */ 
opacity: 0.3; 
}