Avatar billede Slettet bruger
26. juni 2005 - 17:43 Der er 8 kommentarer og
1 løsning

Gennemsigtig knapper

Hejsa

Hvordan gør jeg min knap gennemsigtig? Jeg vil gerne selv kunne stille hvor gennemsigtig den skal være fra 1% til 100%

Kan dette lade sig gøre ?

Mikael
Avatar billede marzman Nybegynder
26. juni 2005 - 17:46 #1
snakker vi om <input> knapper ?
Avatar billede whatever Nybegynder
26. juni 2005 - 18:13 #2
Hvis du snakker om alm. buttons (input eller button), kan du gøre det på følgende måde:

<html>
<head>
<title> new document </title>
</head>
<body style="background: green">
<button style="filter: Alpha(Opacity=20); border: 1px solid black">Knap</button>
</body>
</html>

Virker kun i IE.
Avatar billede hells Nybegynder
26. juni 2005 - 18:22 #3
Som tillæg til whatevers svar: i Mozilla virker egenskaben -moz-opacity, som skal have en værdi fra 0 til 1, hvor 0 er gennemsigtig og 1 er ikke gennemsigtig. Følgende giver altå det samme i begge browsere:
<input type="button" value="Skulle virke i IE og Mozilla" style="filter: alpha(opacity=50); -moz-opacity: 0.5;">
Avatar billede Slettet bruger
26. juni 2005 - 21:41 #4
whatever > Jeg har prøvet at sætte din kode ind, men når jeg sætter den for jeg en stor hvis box uden omkring billedet... Hvordan fjerne jeg dette? Ellers bliver knappen gennemsigtig som planlagt...
Avatar billede whatever Nybegynder
26. juni 2005 - 21:50 #5
Har du mulighed for at sende koden?
Avatar billede Slettet bruger
26. juni 2005 - 22:02 #6
<div align="center"><a href="php.com.jpg" target="_blank"><button style="filter: Alpha(Opacity=10);"><img src="billeder/556_2_sort.jpg" Title="Forum" width="150" height="32" border="0"></button></a></div>
Avatar billede Slettet bruger
26. juni 2005 - 22:08 #7
Jeg har fundet ud af det nu, men du for point alligevel.... Tak for hjælpen... Jeg brugte denne kode: <div align="center"><a href="php.com.jpg" target="_blank"><img src="billeder/556_2_sort.jpg" Title="Forum" width="150" height="32" border="0" style="filter: Alpha(Opacity=50);"></a></div>
Avatar billede roenving Novice
26. juni 2005 - 22:53 #8
Nå, dit design skal kun virke overfor M$-brugere ?-)
Avatar billede Slettet bruger
27. juni 2005 - 15:42 #9
Tjah, hvis jeg skulle vælge mellem måderne at sætte opacity, ville jeg vælge den tredje metode:

style="opacity: 0.5;"

Den virker godt nok ikke i IE, men mon ikke den kommer med i IE7?
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