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

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


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

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


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

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

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

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

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

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


<input name="anyname" type="text" size="20" value="" >

input{
background: url('nobg.png');
}


Понравилась статья "CSS - прозрачный фон, как отключить background" из раздела Веб разработка » HTML/CSS? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 8832   Дата: 12-мая-2014, 14:27

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

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика