Avatar billede sputii Nybegynder
23. august 2009 - 12:04 Der er 27 kommentarer og
2 løsninger

Transparent..

Hej.

Kan man bruge transparent på et billede?
Så vis jeg har på en side et baggrunds billede.
Og så jeg har ovenpå det et billede.
Så baggrunden på det billede bliver gennemsigtig.
Avatar billede showsource Seniormester
23. august 2009 - 12:13 #1
ja da.
Nemmeste er nok at bruge css og så <img src=... class="transperant"
Avatar billede showsource Seniormester
23. august 2009 - 12:26 #2
<style type="text/css">

.transperant {
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
            }

</style>


<img src="/images/billede.jpg" class="transperant">
Avatar billede olebole Juniormester
23. august 2009 - 12:46 #3
<ole>

Som jeg forstår spørgsmålet: Nej, det kan du ikke uden krumspring  =)

Jeg ville dog nok foretrække en lidt tydeligere problembeskrivelse  ;o)

/mvh
</bole>
Avatar billede sputii Nybegynder
23. august 2009 - 13:21 #4
Du ved baggrunden på det billede du har lavet den er hvid og den farve skal være gennemsigtigt så der ikke er en grøn farve på den side du er inde på og derefter på billede er der en hvid baggrund.

Check det her:
tranperant.jpg
Avatar billede sputii Nybegynder
23. august 2009 - 13:25 #5
Ups.. Check det her..
http://stungame.dk/tranperant.jpg
Avatar billede sputii Nybegynder
23. august 2009 - 13:26 #6
Og det er så det billede jeg har trukket ud på skærmen hvor der er en grøn baggrund der skal billedes baggrund som er hvid være gennemsigtig..
Avatar billede olebole Juniormester
23. august 2009 - 13:32 #7
Det er noget, du gør i dit billedbehandlings program. Det kan du ikke gøre med CSS
Avatar billede sputii Nybegynder
23. august 2009 - 13:33 #8
Ja det mener jeg også, men hvordan?
Avatar billede olebole Juniormester
23. august 2009 - 13:36 #9
Du kan ikke opnå transparens, når du gemmer som jpg. I stedet bør du bruge gif eller png - som transparens eller ej, er de bedste formater at gemme den type grafik i.

gif og png8 formaterne understøtter transparens - mens png24 understøtter transparens og semitransparens. Derfor er png24 nok det bedste valg til det pågældende billede, men png24 understøttes til gengæld ikke i IE6
Avatar billede showsource Seniormester
23. august 2009 - 13:40 #10
Nåh, jeg forstod spm. på den anden måde :O)
Avatar billede olebole Juniormester
23. august 2009 - 13:43 #11
I know  ;o)
Avatar billede sputii Nybegynder
23. august 2009 - 13:44 #12
Hvordan gør jeg så?
Avatar billede sputii Nybegynder
23. august 2009 - 14:41 #13
???
Avatar billede olebole Juniormester
23. august 2009 - 14:59 #14
Det lyder, som om du skal sætte dig ind i det, du vil lave. Du kan ikke forvente, du kan lave websider uden at vide noget om webkode - eller lave grafik uden at kende dit billedbehandlingsprogram  =)
Avatar billede sputii Nybegynder
23. august 2009 - 15:05 #15
Ja okey.

Men alligevel kender du et godt billedbehandlingsprogram som jeg kan lave transparent i?
Avatar billede olebole Juniormester
23. august 2009 - 15:15 #16
Jeg bruger selv Photoshop, men det er jo ikke helt billigt. Du kan prøve at kikke på Gimp, som vis oprindelig er udviklet som et Photoshop alternativ til Linux. Nu kører det også under Windows:
    http://www.gimp.org/
Avatar billede sputii Nybegynder
23. august 2009 - 15:16 #17
Hehe.. Har begge tingene men tak..
Avatar billede sputii Nybegynder
23. august 2009 - 15:20 #18
Men inden på gimp. Kan du så give mig en vejledning til hvordan man laver transparent baggrund?
Avatar billede webweaver Praktikant
23. august 2009 - 15:23 #19
Lav det i Photoshop.

Lav nyt dokument med transperant baggrund.
Sæt billedet ind, marker det/de områder som skal være transperante,
og sæt opacity ned som du finder nede ved dine layers. Hvis du ikke ved hvordan du gør dette, bliver du nødt til at købe en tutorial omkring Photoshop og sætte dig ind i det.

Husk at gemme som .gif eller. png.
Avatar billede olebole Juniormester
23. august 2009 - 16:04 #20
Lav det i Photoshop.

Lav nyt dokument med transparent baggrund.
Sæt billedet ind, marker det/de områder, som skal være transparente - og tryk Return.

Husk at gemme som .gif eller. png.
Avatar billede olebole Juniormester
23. august 2009 - 16:05 #21
Det skulle have været:
    Sæt billedet ind, marker det/de områder, som skal være transparente - og tryk Backspace.
Avatar billede sputii Nybegynder
23. august 2009 - 16:53 #22
Okey tak..

Svar = point
Avatar billede olebole Juniormester
23. august 2009 - 16:59 #23
Lad os alle dele  ;o)
Avatar billede sputii Nybegynder
23. august 2009 - 17:21 #24
så skal jeg have nogen flere svar
Avatar billede webweaver Praktikant
23. august 2009 - 18:38 #25
Så pyt da :)

Fik du det til at virke? :)
Avatar billede sputii Nybegynder
24. august 2009 - 10:53 #26
Når ja.. Det skal jeg lige teste
Avatar billede sputii Nybegynder
24. august 2009 - 11:57 #27
Tak. Det virker!
Avatar billede olebole Juniormester
24. august 2009 - 13:58 #28
Tak for points  =)
Avatar billede webweaver Praktikant
24. august 2009 - 22:01 #29
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