CSS - прозрачный фон, как отключить background

CSS - прозрачный фон, как отключить background


Как задать прозрачный фон, например, для DIV-блока или INPUT-формы. По умолчанию фон всегда идет белый и как бы мы не пытались это сделать - ничего не получится. Самый элементарный способ опишу в этой статье! На скриншоте выше показан прозрачный фон для формы регистрации, т.е. для полей INPUT.

CSS - прозрачный фон, как отключить background


Такие комбинации, как:
background:none;
/*или*/
background:transparent;

не помогут, браузеры их не распознают! Полу-прозрачность типа:
opacity:0.5;

тоже не решает проблему, т.к. накладывает прозрачность на все элементы формы: бордюры,текст и фон.

Так что же нужно сделать? Все просто:
- создаем картинку любых размеров, желательно 1х1px;
- задаем ей прозрачность через любой графический редактор
- задаем ее, как фон для соответствующего объекта.

Пример ниже с картинкой 14х21px:

картинка находится сразу под этим текстом
CSS - прозрачный фон, как отключить background



input{
background: url('nobg.png');
}
Понравилась статья "CSS - прозрачный фон, как отключить background" из раздела Создание сайта » Работа с кодом? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 4595   Дата: 12-мая-2014, 14:27
www.liex.ru - автоматическое размещение статей с прямыми ссылками

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit
© 2010-2015 artemmian.ru v 7.0: flexyflat tpl Designed by artstudios
Карта сайта HTMLКарта сайта XMLПравообладателям
Поисковый анализ сайта