кроссбраузер прозрачности фона особенно

Question

У меня огромная проблема с выяснением того, как использовать прозрачный фоновый цвет для моего сайта. Я могу сделать это с атрибутом background: rgba style, который работает для всех браузеров, т.е. Это очень трудно сделать в IE, хотя. Вы можете использовать прозрачность или фильтр: альфа, но это сделает все внутри div прозрачным. Я не хочу, чтобы я только хотел, чтобы цвет фона был прозрачным. Как мне это сделать, пожалуйста, помогите Ive искать объяснения в Интернете и не может найти решение.

Answer 1

Вы можете установить непрозрачность фонового изображения на 50% с помощью Photoshop, а затем использовать его.

Если вы хотите изменить прозрачность с помощью Jquery или JavaScript, вы можете изменить фоновое изображение на непрозрачную версию того же фонового изображения.

Answer 2

Вы можете обойти эту проблему, наложив два отдельных DIV, один для прозрачности и один для фактического контента:

.container {
  position: relative;
}

.container .transparency {
  position: absolute;
  z-index: 1;
  background-color: ...;
  opacity: ...;
  /* apply same width and height as parent DIV */
}

.container .content {
  position: absolute;
  z-index: 2;
  /* apply same width and height as parent DIV */
}

Answer 3

Я бы предложил использовать большой полупрозрачный плоский цвет PNG для IE.В зависимости от того, насколько далеко вам нужно вернуться с точки зрения старых версий IE, вам также может понадобиться использовать JS, чтобы заставить работать прозрачный PNG.