Непрозрачность текста в IE не работает

Question

#subNavGal {
    position:relative;
    width:180px;
    height:30px;
    top:-160px;
    left:285px;
    padding-top:20px;
    -webkit-transition:all linear 0.2s;
    -moz-transition:all linear 0.2s;
    -o-transition:all linear 0.2s;
    opacity:0.0;
    filter:alpha(opacity = 0);
}

фильтр: альфа, который должен был установить текст внутри непрозрачности этого div в 0, не работает над текстом. какие-нибудь идеи о том, как заставить это работать?

Answer 1

Вам нужно использовать filter и -ms-filter, чтобы получить прозрачность во всех версиях IE (5 и выше):

.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
  filter: alpha(opacity=50); // second!
}

Подробнее см. opacity на PPK

Это также может быть связано с макетом вашего элемента, если предыдущий CSS не сделал этого, попробуйте использовать что-то вроде zoom:1, чтобы проверить, связано ли это с макетом вашего элемента.

Answer 2

для т.е. вы добавите значения от 0 до 100, для других браузеров от 0 до 1, например:

[disabled] {
  opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}