jQuery ("# ​​wrapper"). css ({opacity: 0.5})

Question

Я только что применил непрозрачность к #wrapper div сплошным цветом:

jQuery("#wrapper").css({ opacity: 0.5 })

Это прекрасно работает, но я не хочу, чтобы их дети div s наследовали непрозрачность,Как мне избежать этого поведения без использования прозрачности в формате PNG?

Answer 1

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

Answer 2

Клонируйте элемент (и дочерние элементы) и получите смещения. Затем в исходном элементе скрыть все внутренние элементы. Теперь установите непрозрачность. С клонированным элементом поместите его поверх исходного элемента (с использованием позиции и смещений), но на этот раз скройте фон для клонированного элемента.