Avatar billede kfdk Nybegynder
18. april 2000 - 01:09 Der er 15 kommentarer og
3 løsninger

Tranparent layer??

Er det muligt at gøre et layer delvist transparent?  Jeg vil gerne lægge en (grå) bjælke i et layer ovenpå et baggrundsbillede, men således at billedet stadig kan ses gennem dette layer - kan det lade sig gøre?

eks:
<body bgcolor="White" background="baggrundsbillede.jpg">

<div id="Layer1" style="position:absolute; left:1px; top:220px; width:776px; height:30px; z-index:1; background-color: #EBEBEB; layer-background-color: #EBEBEB; border: 1px none #000000; visibility: visible"></div>
Avatar billede olebole Juniormester
18. april 2000 - 10:08 #1
<ole>
prøv:

<div id="Layer1" style="position:absolute; left:1px; top:220px; width:776px; height:30px; z-index:1; visibility: visible">
  <center><img src=graaBjaelke.gif></center>
</div>

...for eksempel. Så kan du evt. lave den grå bjælke-gif halvtransparent, ved at gøre hver anden pixel i billedet transparent i et skakbrædt mønster.
/VH
</bole>
Avatar billede doeleman Nybegynder
18. april 2000 - 10:14 #2
Jeg tror, du kan bruge CSS-attributen alpha.

Eksempel: <IMG ID=sample SRC=sample.jpg STYLE="filter:alpha(opacity=50)">

Læs mere om filtre på http://msdn.microsoft.com/workshop/author/filter/filters.asp#Defining_Visual_Filt
Avatar billede erikjacobsen Ekspert
18. april 2000 - 10:14 #3
Med png-formatet kan man sætte forskellige grader af transparenthed - det kan man
nemlig ikke i gif-formatet. Png understøttes af indtil flere browsere ;-)
Avatar billede kfdk Nybegynder
18. april 2000 - 11:11 #4
Tak for forslagene. Jeg vil teste dem og se om det giver den ønskede effekt - og vender tilbage med pointene.
Avatar billede kfdk Nybegynder
18. april 2000 - 11:18 #5
Spørgsmål til erikjacobsen:
Da jeg er ret ny i det her, ved jeg ikke hvordan parametrene skal se ud til din løsning. Kunne du ikke lige vise et eksempel på hvordan det skal skrives.
Avatar billede erikjacobsen Ekspert
18. april 2000 - 11:55 #6
Gid jeg vidste det ... Jeg har læst om png-formatet, og set eksempler på
png-filer på nettet, men jeg har ingen programmer der kan lave dem. En nyere
version af PhotoShop eller lignende skal nok til.
Avatar billede kfdk Nybegynder
18. april 2000 - 12:42 #7
til erikjacobsen:
Erik - mit spørgsmål gik på, om man definerer tranparency af et png-fil i html på samme måde, som anvist i svaret fra doeleman, eller om syntaksen er en anden.
Med hensyn til programmer, der danner png-formatet, så har jeg et fra ULEAD der hedder SMARTSAVER, og som bl.a installeres som plugin til Photoshop. Det kan gemme i formaterne gif, jpeg og altså png.  Det fungerer på samme måde som Adobe Imageready, hvor man selv bestemmer graden af optimering (komprimering) og kan se resultatet inden man gemmer det.
Avatar billede doeleman Nybegynder
18. april 2000 - 14:18 #8
Jeg tror du definerer graden af din png-fils transparenthed i dit grafikprogram (f.eks. Photoshop) eller bruger du html/css-løsningen som jeg har angivet.
Avatar billede olebole Juniormester
18. april 2000 - 15:46 #9
<ole>
Hvahhh'...doeleman...er det ikke en af disse ting, udviklet efter 'Gates 1. Lov'?

Den, der siger:
"Kan vi ikke gøre nettet til et fedt sted, kan vi da - om ikke andet - gøre det til et Helvede for de, der ikke bruger vore produkter!"

Her er det øjensynligt ikke nok, man bruger IE...man skal sandelig også gøre det under Windows.

Jeg er på MacG3/IE4.5 og ser ikke en dyt - nyt! Jeg prøver senere i dag med vers.5. Hvis det heller ikke funker der = SKOD...!!!

/VH
</bole>
Avatar billede doeleman Nybegynder
18. april 2000 - 19:52 #10
>> olebole
Du har hvertfald ret i, at det er nødvendigt at bruge IE. Jeg har testet løsningen med IE5/win98, hvor det virker fint, men desværre virker det ikke med NN6/win98.

Ærgeligt.
Avatar billede erikjacobsen Ekspert
18. april 2000 - 21:52 #11
PNG skulle virke i "begge" browsere fra version 4, om jeg ikke tager
helt fejl. Og nok også på en Mac, ik' Ole?  Mit grafikprogram kan bare ikke -
men det er også lidt gammeldags.
Avatar billede olebole Juniormester
19. april 2000 - 10:46 #12
Jo, PNG skulle vist også virke på Mac ;-)
Jeg har heller ikke selv leget med formatet, og ikke rigtig lagt mærke til, om jeg har set PNG-grafik i min browser - men det har jeg uden tvivl! Det kræver vist bare, man har QuickTime.
Til gengæld havde jeg desværre ret :-((
Style-filtre er åbenbart ikke noget brugere af MacOS, Linux eller andre 'ikke-MS-styresystemer' kan få glæde af. I betragtning af, hvor mange iMacs (for blot at nævne én), der er blevet hældt på gaden de sidste par år, synes jeg, det er kraftigt SKOD!
Den bedste løsning synes jeg stadig er, at lægge et skakbrædt mønster ind i en alpha-kanal i billedet - og så save det som gif med alpha-transparents.
Different strokes for different folks ;-))
/VH
Avatar billede erikjacobsen Ekspert
19. april 2000 - 11:06 #13
Ole, smut ind på http://home.att.net/~rocq/pngLibrary.html
og kig på nogle PNG-billeder.

Der står faktisk noget om IE4 og 5 som jeg ikke vidste. Man kan åbenbart i
de skodbrowsere ikke se et PNG-billede uden det er en del af en HTML-side.
Mage til amatører, der har lavet dem. Næh, lad os allesammen bruge Netscape  ;-)
(Det er i hvert fald rigtig nok i min IE4 - nogen gider teste det i IE5?)

  Internet Explorer (both v4 and v5) has an image class bug
  which prevent it from displaying png images directly without
  them being part of an HTML infrastructure (web page).  So
  most of the image links here, which show the full PNG images
  with Netscape, bring up a requester in IE.
Avatar billede olebole Juniormester
19. april 2000 - 15:07 #14
Erik, jeg usker endnu da Windows95 kom på gaden. Da kørte masser af amerikanske Mac-folk rundt med en streamer i bagruden, hvorpå der stod:
  "Windows95 = MacOs85"
...og det var jo ikke helt løgn!

Om vi nu skal til at skrive:
  "Windows2000 = MacOs1900"
ved jeg ikke, men det ser umiddelbart ud til, at  det er det skod-OS, den er gal med...gnæk, gnæk!
PNG funker FINT under MacOs (i hvert fald fra vers.8.5 - 9.0) - også hvis man blot smider et billede i browservinduet. BÅDE i IE4 og IE5!!!

AL MAGT TIL APPLE...Hip, Hip...!!!
Avatar billede olebole Juniormester
19. april 2000 - 15:08 #15
'usker' er fransk for 'husker' ;-)
Avatar billede pandora Nybegynder
24. april 2000 - 01:15 #16
AMIGA RULES!!
Avatar billede erikjacobsen Ekspert
24. april 2000 - 02:06 #17
Ja, markedskræfterne har måske sat et rigtig godt koncept lidt
ud på sidesporet. Men jeg er da nysgerrig - i hvilken sammenhæng
mener du at Amiga er bedst?
Avatar billede kfdk Nybegynder
07. august 2000 - 00:22 #18
UPS.........
jeg glemte vist at vende tilbage som det sig hør og bør. Dan jeg har ladet vente på mig så længe synes jeg det er mest fair at tildele pointene til alle - undskyld forsinkelsen!!!
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