2013-01-10 3 views
0

У меня есть следующий класс CSS:CSS настройка непрозрачность

.transparency 
{  
    -webkit-opacity: 0.5; 
    -moz-opacity: 0.5; 
    filter:alpha(opacity=50); 
} 

Когда я смотрю на классе в загруженном файле CSS на поджигатель, класс показывает пустой. Таким образом, в поджигатель, это в основном выглядит так:

.transparencyPlayPause 
{ 
} 

Когда я изменить содержимое класса на этот класс больше не является пустым

.transparencyPlayPause { дисплей: нет; }

Есть ли у кого-нибудь еще такое поведение?

+0

Использовать Chrome DevTools; D – veritas

+0

Ознакомьтесь с [страницами MDN] (https://developer.mozilla.org/en-US/docs/CSS/opacity#Browser_Compatibility) для совместимости браузеров (Firefox использует прозрачную непрозрачность) , – Jeroen

+0

Спасибо. Ваша ссылка была очень полезной. – sotn

ответ

2

Ни одно из этих свойств не поддерживается Firefox, поэтому Firebug не видит никаких анализируемых свойств внутри правила.

Вам следует избавиться от -webkit- и -moz- и добавить -ms-filter.

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