Предотвратите получение текста при непрозрачности при использовании свойства непрозрачности

Question

Я только что использовал opacity для background контента, но текст в этом div (я имею в виду контент div) также становится непрозрачным, и я не вижу текст этого div ясно.

Я хочу, чтобы элементы контейнера background были непрозрачными, но не текстом.

div#content{ 
    color:white; 
    width:1150px; 
    background_color:black; 
    opacity:.65; 
    margin:0 auto; 
    filter:alpha(opacity=65); 
} 

Answer 1

Прежде всего это background-color или просто background но не background_color и во-вторых, то, что вам нужно, это rgba где a обозначает альфа.

Так что, когда вы хотите, чтобы цвет фона непрозрачный, скажем черный непрозрачный, чем использовать

background-color: rgba(0,0,0,.65); 

Demo

Answer 2

Ваш CSS меньше наилучшей практики. Это нормально использовать #content, а не div#content, так как id всегда уникальны в документе.

Ваш неправильный номер background_color:black. Вы должны изменить это на background-color:black;