[Помогите] Прозрачная форма поиска

Тема в разделе "Wordpress", создана пользователем zavu, 11 апр 2013.

Статус темы:
Закрыта.
Модераторы: DzSoft, Sorcus
  1. zavu

    zavu

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

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.199
    Симпатии:
    2.221
    Есть замечательное CSS-свойство opacity...
    Примеры тут: http://www.tigir.com/opacity.htm

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

    zavu

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

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

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.199
    Симпатии:
    2.221
    Тут 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 для совместимости браузеров

    И да, конечно:
     
  5. zavu

    zavu

    Регистр.:
    24 сен 2010
    Сообщения:
    180
    Симпатии:
    14
    Я еще нашла упоминание, что через параметр rgba можно это описать, но что-то не вышло. В общем, opacity с фильтром пока что оптимальный вариант=)
     
  6. ReBeL

    ReBeL Злобный старикашка

    Регистр.:
    3 май 2006
    Сообщения:
    1.561
    Симпатии:
    849
    Предупреждаю - CSS учат в другом разделе!
     
  7. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.199
    Симпатии:
    2.221
    И чего? Про rgb ттут уже говорили, а остальное - плод Вашей бурной фантазии и засорение CSS-файла...
    Из 8 строчек только 1 нужна и уже обсуждалась в теме - флуд и набор постов - не инече...
     
Статус темы:
Закрыта.