Как вылечить баг с opacity в IE9?

Question

[Денис]

Помогите решить проблему: при наведении на элемент, в нем изменяют свое свойтво opacity с 0 на 1 некоторые элементы. Напомню, изначально у этих элементов opacity = 0, но при наведении на элемент (их родитель), свойство opacity = 1 у этих элементов (потомков).

.ctrl {
		margin-top: -20px;
		height: 40px;
		width: 20px;

		#gradient > .vertical(@white, #F3F4F5);
		.opacity(0);
	}

.category {
	&:hover {
		.ctrl {
			.opacity(1);
		}
	}
}

Comments

[Котик Антон]

Код миксина .opacity()?

[Денис]

Прошу извинить, суть саму не изложил, сама проблема в том, что в ИЕ 9 градиент не виден у тех элементов, на которые навешан миксин opacity. Думаю это из-за фильтра, но как решить не знаю. Вот код миксина opacity:

// Opacity
.opacity(@opacity) {
  opacity: @opacity;
  // IE8 filter
  @opacity-ie: (@opacity * 100);
  filter: ~"alpha(opacity=@{opacity-ie})";
}

Answer 1

[Валерий Серов]

Короче если я все правильно понял то тебе нужен пирог))))))
css3pie.com