прозрачный type=text

A
На сайте с 10.05.2007
Offline
67
6115

подскажиет возможно ли сделать прозрачный type=text , именно прозрачный а не белый, этот элемент накладывается на картинку, которая стоит бакграундом и не должен перекрывать эту картинку

Рейтинг сайтов о природе (http://aqua-plant.com.ua/top)
[Удален]
#1

На сколько я знаю в html текст прозрачным не может быть, на то он и текст чтоб его читали. Если даже текст прозрачным сделать, как же в форму что-то писать, вы думаете это будет читабельно?

--------------------

UPD: Хотя попробуйте это применить: filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

DiAksID
На сайте с 02.08.2008
Offline
236
#2
Сашко:
... UPD: Хотя попробуйте это применить: filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

- filter работать будет в только в осле

- даже если через фреймворк установить прозрачность в 0 ПСы отследят и накажут

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

show must go on !!!...
O
На сайте с 29.05.2008
Offline
195
#3

А для input[type*=text] задать беграунд не судьба? Или уже задать id, а потом в CSS.

A
На сайте с 10.05.2007
Offline
67
#4

или я не так выразился или вы не так поняли, прозрачным должен быть не текст а именно поле для ввода

DiAksID
На сайте с 02.08.2008
Offline
236
#5
alexpnet:
или я не так выразился или вы не так поняли, прозрачным должен быть не текст а именно поле для ввода

background-color:transparent;

A
На сайте с 10.05.2007
Offline
67
#6

вроде сделал, все пашет, но в хроме при наведении все равно появляется рамочка, подскажите че за фигня

http://albomov.net/kobzar/objects.php?id_object=5 -- тут пример

Это CSS

input.back2

{

font-family:arial;

font-size:10pt;

background:url(images/none.gif);

width:280px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px

}

А это код

<TABLE border=0 cellspacing=0 cellpadding=0>

<TR>

<TD valign=top width=290 height=30 style='padding-left:10px; padding-top:5px;' background=images/inputtext_bg.png>

<input type='text' name='name' class=back2><br>

</TD>

</TR>

</TABLE>

и еще под полем ввода какая то полосочка в опере нет, в другиг броузерах есть

O
На сайте с 29.05.2008
Offline
195
#7

alexpnet, это outline. Не при наведении, а при фокусе.

input:focus, input:active {outline: none !important;}

Это Вы специально для круглых углов перекрывали input? О мамочки, какие все "мудрые".

A
На сайте с 10.05.2007
Offline
67
#8
ortegas:
alexpnet, это outline. Не при наведении, а при фокусе.
input:focus, input:active {outline: none !important;}

Это Вы специально для круглых углов перекрывали input? О мамочки, какие все "мудрые".

это можно было сделать ГОРАЗДО легче? или просто легче? :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий