противодействие непрозрачности div?

Question

Если у меня есть div, который действует как коробка, и я делаю его очень сексуальным с непрозрачностью 10%. Как мне противостоять этому, так как все в div также получает непрозрачность. Допустим, у меня есть поле (div) с границей в 1 пиксель и текстом, наложение на него непрозрачности сделает его плохо выглядящим, и я хочу только прозрачность на фоне.

Answer 1

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

background: rgba(0,0,0, 0.5) //gives you a black background with 50% opacity

Вы можете проверить это здесь: http://jsfiddle.net/ypaTH/

тут был похожий вопрос: Как обеспечить прозрачность между браузерами только для фона элемента? (с версией IE)

Answer 2

Содержимое элемента с непрозрачностью наследует эту непрозрачность. Вам нужно будет разбить его на две части: фон и содержимое. Абсолютно поместите содержимое поверх фона. Ваше содержимое не может быть внутри элемента непрозрачности.

Answer 3

Вы можете использовать полупрозрачное изображение PNG для фона элемента. Для поддержки IE6 вам потребуется исправление, например Supersleight .