непрозрачный ввод текста на прозрачном фоне

Question

У меня есть форма внутри div с прозрачным цветом. Мне нужно, чтобы входные тексты были белыми (непрозрачными). Как я могу это сделать?

Вот код:

http://jsfiddle.net/d5Xuu/11/

(не обращайте внимания на фон, это просто случайное изображение, которое я выбрал для примера)

Спасибо

Answer 1

@ карло;Возможно, вам придется использовать цвет css3 rgba для прозрачности фона, который не влияет на дочерние элементы div.

background: rgba(0,0,0,0.3)

для IE используйте фильтр

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */

вы можете создать свой фильтр RGBA здесь http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

Answer 2

Если вы используете:

opacity: .7

div, его сыновья приобретают то же свойство.Вы можете решить, используя rgba (255,255,255, .7)

http://jsfiddle.net/d5Xuu/19/