добавить непрозрачность в класс CSS

Question

Есть ли способ установить непрозрачность в классе css, в jquery вы можете сделать это:

$(result).parent().css({ 'background-color': '#eeeeee', 'opacity': '0.7' })

любым способом?
Мне нужно поместить их в свойства в классе css.

Answer 1

Существуют различные CSS свойства, которые в настоящее время требуются для кросс-браузерной совместимости.

filter:alpha(opacity=50); // For IE
-moz-opacity:0.5;         // Older versions of Mozilla
-khtml-opacity: 0.5;      // For Safari 1.x (I believe)
opacity: 0.5;             // General usage

Лично я бы остановился на использовании jQuery, чтобы сделать это для вас, поскольку они уже разработаныих метод с учетом нескольких браузеров.

Answer 2

Чтобы установить прозрачность во всех основных браузерах, выполните следующие действия:

HTML:

<div class="opacityElement"></div>

CSS:

.opacityElement {
    filter:alpha(opacity=50);  // IE
    -moz-opacity:0.5;          // Firefox
    -khtml-opacity: 0.5;       
    opacity: 0.5;         
}

Answer 3

Да, точно так же, как вы делали это с jQuery:

.className { opacity: 0.7 }

Обратите внимание, однако, что это не будет работать в Internet Explorer, поэтому вам нужно добавить еще одинсобственность, filter: alpha(opacity=70)

Answer 4

Класса CSS не существует (в HTML есть классы, в CSS есть селекторы классов). Похоже, вы имеете в виду набор правил CSS.

some selector {
    opacity: 0.7;
}

Answer 5

Как это:

.myClass{
  opacity:0.4;
  filter:alpha(opacity=40);
}

filter:alpha(opacity=40); для IE