---
title: "Halvtransparent bild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/675-halvtransparent-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "M"
published: "2000-11-23T10:31:00.000Z"
updated: "2000-11-27T13:15:00.000Z"
replies: 21
views: 872
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/675-halvtransparent-bild"
---

# Halvtransparent bild?

_Sida 1 av 2._

## #1 — M, 2000-11-23T10:31Z

Jag har för mig att man på nåt sätt kan göra en halvtransparent bild... alltså så man ser bakgrunden svagt genom bilden? någon som vet hur man gör?

Permalänk: https://www.webforum.nu/p/675

## #2 — Web-Tor, 2000-11-23T11:56Z

Pröva att skriva **style="filter: Alpha(Opacity=50)"** i din image-tagg.

/Tor

Permalänk: https://www.webforum.nu/p/195444

## #3 — Chainsaw, 2000-11-23T12:01Z

...och om du vill använda dig av standarder istället för IE-specifik dynga: skapa en PNG-bild med transparens. Kommer att visas i alla läsare som stödjer PNG-formatet fullt ut, inte bara IE.

Permalänk: https://www.webforum.nu/p/195445

## #4 — His Divine Shadow, 2000-11-23T12:34Z

He, IE specifik dynga är ju den bästa och enklaste lösningen, synd att den inte blivit antagen som standard...

Permalänk: https://www.webforum.nu/p/195446

## #5 — Web-Tor, 2000-11-23T13:39Z

...och när blev PNG-bilder standard? :e

Permalänk: https://www.webforum.nu/p/195447

## #6 — Chainsaw, 2000-11-23T14:09Z

PNG-bilder blev standard i mars 1997. Kolla in RFC 2083 om du inte tror mig. Nu undrar jag bara: när kommer "filter" att bli standard, någon som sett något dokument över det? ;-)

Permalänk: https://www.webforum.nu/p/195448

## #7 — Matti, 2000-11-23T14:10Z

\*ignore\*
(chainsaw var först med ett svar som krossade) ;)

\[Redigerat av Matti den 23 nov 2000\]

Permalänk: https://www.webforum.nu/p/195449

## #8 — His Divine Shadow, 2000-11-23T20:28Z

Krossande?
Inte på något vis hursomhelst matti, var får du allt sånt ifrån?
PNg må vara standard men jag har inte sett mycket av det jag inte, och när jag försöker använda det formatet i Photoshop verkar det alltib bli till, ja skit(vad gör jag fel?), vet inte varför, är det meningen att det ska vara mindre än .gif och .jpeg också?
Mycket enklare att använda formatet som man alltid använder och lägga till lite text i taggen.

Permalänk: https://www.webforum.nu/p/195450

## #9 — Matti, 2000-11-23T20:48Z

HDS, jag kollar alldeles för mycket på TV3 som ni inte har i Finland(?). ;)

Så dyrt som Photoshop är borde det väl vara möjligt att exportera i .png utan några problem.

Permalänk: https://www.webforum.nu/p/195451

## #10 — KarlTomas, 2000-11-23T20:50Z

Är det inte så att det är de som gör websidor som "styr" standarden?

Jag menar om fler och fler anpassar sina sidor efter vissa funktioner, så har de som sätter standarder svårt att förbise det....

...Bara en stilla fundering ;)

Permalänk: https://www.webforum.nu/p/195452

## #11 — Plutt, 2000-11-23T21:42Z

Hejsan!
hur gör man en png bild då???

Jag har både photoshop och paintshop pro...

Permalänk: https://www.webforum.nu/p/195453

## #12 — Rödalacket, 2000-11-23T22:27Z

Spar den i png format kanske.. ;)
namn.png

Permalänk: https://www.webforum.nu/p/195454

## #13 — Marcus, 2000-11-24T07:22Z

Jag tror du måste ha photoshop 5.5, jag har det och det fungerar. Välj spara för webben -\> PNG.

Permalänk: https://www.webforum.nu/p/195455

## #14 — Erik Juhlin, 2000-11-24T11:21Z

Vilka webbläsare stöder halvtransparenta PNG bilder förutom Mozilla? IE 5.0?

Permalänk: https://www.webforum.nu/p/195456

## #15 — Batboy, 2000-11-24T11:55Z

\<Browsers with PNG Support\>
 <http://www.libpng.org/pub/png/pngapbr.html> 
\</Browsers with PNG Support\>

/j

\[Redigerat av Batboy den 24 nov 2000\]

Permalänk: https://www.webforum.nu/p/195457

## #16 — Plutt, 2000-11-25T17:09Z

Hejsan!
Jag har valt att använda style koden,  style="filter: Alpha(Opacity=50)" på mina bilder.
Eftersom jag inte riktigt vet hur man gör png-bilder osv...

Men hur ska man skriva om man vill att bakgrundsbilden i en tabell ska bli genomskinlig, 
men att texten fortfarande är sin vanliga färg och inte genomskinlig???

Hejdå
Per Selander

Permalänk: https://www.webforum.nu/p/195458

## #17 — Chainsaw, 2000-11-26T03:28Z

Enkelt: gör en PNG-bild (du gör den precis som alla andra jämrans bilder) med precis den genomskinlighet du vill ha och spara den sedan. Nu kommer alla läsare som stödjer detta (minst Mozilla och IE5 för Mac, men inte IE för Win32) att visa detta helt korrekt.

Permalänk: https://www.webforum.nu/p/195459

## #18 — Web-Tor, 2000-11-27T07:50Z

...eller om du är allergisk mot PNG-bilder och tycker att man skall använda den bästa webbläsaren (läs IE 5.0) :e så kan du lägga texten (eller bilden) i ett layer och sätta genomskinligheten på det istället.

/T

Permalänk: https://www.webforum.nu/p/195460

## #19 — Plutt, 2000-11-27T09:25Z

Hallojsan!
Jupp, jag är allergisk mot photoshop :)
så om ni kollar på <http://www.erimax.com/gbook/index.cgi?book=4101>  så ser ni att jag har
använt mej av det där filtert, så att bilden blir genomskinlig!
Men när jag satte det i table-taggen blev det lite för mycket som blev genomskinligt. 
Jag vill endast att bakgrunden i tabellen ska bli genomskinlig, men att texten blir knall vit,
och att bilderna blir sina vanliga färger!
Hur löser jag detta???
Lyckades inte riktigt med layers som jag ville...

\<table width=568 cellpadding=0 cellspacing=0\>
        \<col\> 
        \<tr\> 
          \<td\>\<img src="uppe1.gif" border=0 width=568 height=20 style="filter: Alpha(Opacity=50)" \>\</td\>
        \</tr\>
        \<tr align="center"\> 
          \<td style="color: #FFFFFF; background-image: url(mitten1.gif); filter: Alpha(Opacity=50)"\>
            \<table border="0" cellspacing="5" cellpadding="5" width="100%"\>
              \<tr\> 
                \<td\>
                   
                    \<p\>\<img src="gubben1.gif" width="80" height="80" align="left"\>\<font face="Verdana, Arial, Helvetica, sans-serif" size="2"\>\<b\>Kalle 
                      Svensson skrev den 23 november:\<br\>
                      \</b\>\<font size="1"\>Hallojsan!\<br\>
                      Fint väder!!!!!\</font\>\</font\>\</p\>
                    \<p align="right"\>\<a href="mailto:"\>\<img src="penna.gif" width="28" height="20" border="0"\>\</a\>&nbsp;&nbsp;\<a href="http://www.com"\>\<img src="hus2.gif" width="20" height="20" border="0"\>\</a\>\</p\>
                    \<p align="center"\>\<font face="Verdana, Arial, Helvetica, sans-serif" size="2"\>\<b\>::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::\</b\>\</font\>\</p\>
                  
                \</td\>
              \</tr\>
            \</table\>
            
          \</td\>
        \</tr\>
        \<tr\> 
          \<td\>\<img src="nere1.gif" border=0 width=568 height=18 style="filter: Alpha(Opacity=50)" \>\</td\>
        \</tr\>
      \</table\>

Hejdå
Per Selander

Permalänk: https://www.webforum.nu/p/195461

## #20 — Web-Tor, 2000-11-27T10:45Z

Grejen är att du har **filter: Alpha(Opacity=50)** inlagt i td-taggen. Allt som ligger i den cellen blir då genomskinligt. :l

Permalänk: https://www.webforum.nu/p/195462

---

Tråden på webben: https://www.webforum.nu/amne/html-css/675-halvtransparent-bild  
Nästa sida: https://www.webforum.nu/amne/html-css/675-halvtransparent-bild/page2.md