webForumDet fria alternativet

Halvtransparent bild?

21 svar · 853 visningar · startad av M

MMedlem sedan aug. 200065 inlägg
#1

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?

------------------
/M

Web-TorMedlem sedan nov. 200011 794 inlägg
#2

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

/Tor

------------------
TorWeb
-------------------

ChainsawMedlem sedan sep. 20001 282 inlägg
#3

...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.

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

Programmerare är verktyg för att omvandla koffein till källkod

His Divine ShadowMedlem sedan sep. 20002 748 inlägg
#4

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

------------------
The Eliens!
They are here!
Now where did I put my Napalm Cannon?

Web-TorMedlem sedan nov. 200011 794 inlägg
#5

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

------------------
TorWeb
-------------------

ChainsawMedlem sedan sep. 20001 282 inlägg
#6

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? ;-)

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

Programmerare är verktyg för att omvandla koffein till källkod

MattiMedlem sedan dec. 19993 781 inlägg
#7

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

[Redigerat av Matti den 23 nov 2000]

His Divine ShadowMedlem sedan sep. 20002 748 inlägg
#8

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.

------------------
The Eliens!
They are here!
Now where did I put my Napalm Cannon?

MattiMedlem sedan dec. 19993 781 inlägg
#9

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.

------------------
matti.intelligens.nu

KarlTomasMedlem sedan okt. 2000547 inlägg
#10

Ä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 ;)

------------------
--KarlTomas

"En kompromiss är konsten att dela en kaka så att alla tror de har fått den största biten"

PluttMedlem sedan dec. 1999154 inlägg
#11

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

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

------------------
God Jul
Plutt

http://pellefant.just.nu

RödalacketMedlem sedan feb. 20001 160 inlägg
#12

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

------------------
www.lns.nu
------------------
Cave canem

MarcusMedlem sedan juli 2000470 inlägg
#13

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

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#14

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

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

BatboyMedlem sedan jan. 2000888 inlägg
#15

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

/j

[Redigerat av Batboy den 24 nov 2000]

PluttMedlem sedan dec. 1999154 inlägg
#16

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

------------------
God Jul
Plutt

http://pellefant.just.nu

ChainsawMedlem sedan sep. 20001 282 inlägg
#17

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.

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

Programmerare är verktyg för att omvandla koffein till källkod

Web-TorMedlem sedan nov. 200011 794 inlägg
#18

...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

------------------
TorWeb
-------------------

PluttMedlem sedan dec. 1999154 inlägg
#19

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

------------------
God Jul
Plutt

http://pellefant.just.nu

Web-TorMedlem sedan nov. 200011 794 inlägg
#20

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

------------------
TorWeb
-------------------

Genererad på 378 ms · cache AV · v20260730165559-full.f96bc7eb