Помощь Прозрачная форма поиска

[zavu]

Добрый день!
Подскажите, можно ли как-то реализовать у стандартной формы поиска вордпресса прозрачное/полупрозрачное поле ввода вместо белой полосы? Гуглила, толком ничего не нашла, а на темном фоне сайта эта белая блямба смотрится пакостно =/
Если важно - WordPress 3.5.1.версия, поиск стандартный вордпрессовский.

 

[Горбушка]

Есть замечательное CSS-свойство opacity...
Примеры тут: Для просмотра ссылки Войди или Зарегистрируйся

Как вариант - бекграунд из полупрозрачного PNG...

 

[zavu]

Спасибо, подставила в цсску , в файрфоксе сработало. А в эксплорере что-то нет.. цсс здоровая, не пойму, там в нескольких местах форма для браузеров описана, или просто не работает в других?

апд решила этот вопрос: дописала в цсске filter: alpha(opacity=50); - и эксплорер воспринял корректно.

 

[Горбушка]

Тут 2 проблемы...
1) Само свойство opacity с одной стороны существует, а с другой стороны, официально браузерами не поддерживается... Это свойство получило наконец-то официальный статус только в CSS 3.0, с которым дружат далеко не все браузеры.
Свойство актуально для: IE 9.0+, Opera 9.0+, ФФ и Хром тянули с самого начала, практически...

2) Сам IE крайне тупой и косячный браузер... Тут вопрос даже не в поддержке IE каких-то стандартов, хаков под него и т.д. Тут надо просто отказываться от этого браузера, как устаревшего и не соответствующего современным реалиям.
Дело в том, что HTML5 и CSS 3.0 вроде как уже полностью опубликованы, их должны поддерживать все браузеры. Но на практике мы имеем, что и половины CSS 3.0 не поддерживается даже IE 12... Согласно тестам, лидирует сейчас Opera 14 (бетка, конечно), хром, ФФ, сафари и Опера вообще с по очереди занимают тут первое место... А вот IE как был, извините, в попе, так в этой попе и сидит... И вылезать, кажется, не хочет...

Вывод:
1) Стимулировать отказ юзеров от IE
2) Использование jQuery для совместимости браузеров

И да, конечно:

Firefox до версии 3.5 поддерживает нестандартное свойство -moz-opacity.
Internet Explorer до версии 9.0 для изменения прозрачности использует фильтры, для этого браузера следует записать filter: alpha(opacity=50), где параметр opacity может принимать значение от 0 до 100.

 

[zavu]

Я еще нашла упоминание, что через параметр rgba можно это описать, но что-то не вышло. В общем, opacity с фильтром пока что оптимальный вариант=)

 

[ReBeL]

Предупреждаю - CSS учат в другом разделе!

 

[Горбушка]

И чего? Про rgb ттут уже говорили, а остальное - плод Вашей бурной фантазии и засорение CSS-файла...
Из 8 строчек только 1 нужна и уже обсуждалась в теме - флуд и набор постов - не инече...