Avatar billede izemate Nybegynder
05. oktober 2004 - 09:33 Der er 13 kommentarer og
1 løsning

Gennemsigtig text input

Hej.
Tænkte på om man via noget stylesheet eller anden form for kode kunne gøre sit text input / textarea gennemsigtigt ?

det skal helst kunne virke i de gængse browsere

<\\izemate
Avatar billede roenving Novice
05. oktober 2004 - 09:43 #1
background:transparent; i stylesheet ?-)
Avatar billede izemate Nybegynder
05. oktober 2004 - 10:36 #2
okay det var måske lidt misvisende.. det jeg mente var en hvor "opacityen" er sat lidt ned sådan at man stadig kan se inputtet men mankan også se baggrunden..
Avatar billede roenving Novice
05. oktober 2004 - 10:39 #3
Det kan du da også med transparent baggrund ?-)
Avatar billede izemate Nybegynder
05. oktober 2004 - 10:47 #4
ja okay men forstå mig ret :-) den skal ikke være SÅ gennemsigtig :-) man må gerne kunne se lidt hvidt.. ligesom hvis du laver en hvid firkant i photoshop og sætter en opacity på en 30% stykker :-)
Avatar billede roenving Novice
05. oktober 2004 - 10:50 #5
Du kan ikke give baggrunden opacitet uden at tekst-inputtet også bliver gennemsigtigt ...

-- så til det må du lægge et element bagved, som har den egenskab !-)
Avatar billede izemate Nybegynder
05. oktober 2004 - 11:15 #6
dvs man kan ikke lave sådan en effekt som denne flash side. der kan du se nyhedsbrevet er der nogle text input.
(og ja jeg ved godt at det er flash og ikke html, men jeg vil gerne lave noget der ligner i html)
http://www.carinadue.dk/dk/default.htm

på forhånd tak
<\\izemate
Avatar billede roenving Novice
05. oktober 2004 - 12:04 #7
Jo, det kan man godt komme i nærheden af, men det er jo irriterende tricky at skulle lægge elementer ovenpå hinanden, men f.eks.

<div style="position:relative;">
  <div style="position:absolute;height:26px;width:120px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;background:white;"><div>
  <input type="text" name="tekstinput" style="position:absolute;height:26px;width:120px;background:transparent;border:1px solid white;">
</div>
Avatar billede izemate Nybegynder
05. oktober 2004 - 12:29 #8
Eller på den nemme måde :-)
<textarea rows="9" cols="25" style="filter:alpha(opacity=30);"></textarea>

så virker det :-)
Takker for hjælpen

smider du lige et svar ?

<\\izemate
Avatar billede izemate Nybegynder
05. oktober 2004 - 12:30 #9
ja okay det virker ikke i andre browsere end IE men det går nok :-) der er jo kun en 10 % der bruger andre..

<\\izemate
Avatar billede roenving Novice
05. oktober 2004 - 12:33 #10
-- det kommer sørme an på dit publikum, for afhængig af, hvem der måler, har IE en besøgs-% på mellem 75 og 95 !-)
Avatar billede izemate Nybegynder
05. oktober 2004 - 12:43 #11
jep.. men det er ikke ligefrem nørder mit publikum kommer til at blive :-)
Men tak for hjælpen endnu engang..

smider du ikke et svar !?

<\\izemate
Avatar billede roenving Novice
05. oktober 2004 - 12:49 #12
Oki, men den du viser gør jo netop også teksten gennemsigtig '-)
Avatar billede izemate Nybegynder
06. oktober 2004 - 10:09 #13
ja men det gør ikke det store..
takker for hjælpen
Avatar billede roenving Novice
06. oktober 2004 - 10:12 #14
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester