2013-09-03 3 views
4

Как сделать полупрозрачный фон с помощью CSS в элементе? но контент тоже непрозрачен? Извините за плохой английский. Спасибо.Как сделать полупрозрачный фон

+1

использование 'непрозрачность' css свойство. –

+1

Вы хотите полупрозрачный цвет фона или изображение? – Itay

+2

Добавьте это в свой CSS 'background-color: rgba (255,0,0,0.5)'. Увеличьте или уменьшите '0,5', чтобы уменьшить или увеличить непрозрачность. – Xareyo

ответ

14

использование rgba фон.

background: rgba(0, 0, 0, 0.5); 

значение в интенсивности красной, зеленой порядка интенсивности, синие интенсивности

десятичное значение непрозрачности, и он работает от 0 до 1.

, если вам нужно настроить его без слишком много трудностей, выезд: css3 maker

+1

Если элемент, о котором вы говорите, не является ' body' документа, вы также можете использовать 'opacity: (десятичное число от 0 до 1)' – cubrr

+0

@jCuber: Если оно не содержит ничего, кроме изображения, вы имеете в виду. Если вы установите 'opacity: 50%' в контейнере, тем не менее, он также уменяет все содержимое элемента. – cHao

+0

@cHao Ах, хороший момент. В любом случае, атрибут непрозрачности также полезен в случаях :) – cubrr

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