---

Er det muligt, og i så fald hvordan, at lave en farvet baggrund
f.eks. 60% transperant ? (i en <div>).

--
Henrik Stidsen | HS235-DK | Ikke eksisterende samleobjekt/undtagelse
"I am a nobody, and nobody is perfect; therefore I am perfect."
http://hs235.dk | @spammer.dk <- spamfri emailadresse ;)

---

Hej Henrik


Henrik Stidsen wrote:
> Er det muligt, og i så fald hvordan, at lave en farvet baggrund
> f.eks. 60% transperant ? (i en <div>).

Der er ikke nogen atandard-måde endnu, men det er muligt at lave både i
Mozilla/Netscape og Internet Explorer. Ved dog ikke fra hvilke versioner
af browserne det vil virke i. Men indsæt følgende to linier i din DIV's
style-definition:

-moz-opacity:0.5; /* Mozilla-baserede browsere */
filter:alpha(opacity=50); /* Internet Explorer */

Jeg mener dog muligvis at det er et krav i IE at din DIV skal
positioneres absolut (men er ikke sikker?).

W3C arbejder vist på noget der ligner -moz-opacity til CSS3, og det
kommer nok til at hedde opacity.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/ + http://bandlist.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

Hej Stig


Stig Nygaard wrote:
> -moz-opacity:0.5; /* Mozilla-baserede browsere */
> filter:alpha(opacity=50); /* Internet Explorer */

Lavede lige en lille hurtig test. Ovenstående har effekt på hele din
DIV, inkl. evt. "forgrundsfarver" (tekst, border,...). Hvis det kun er
baggrunden af din DIV der skal gøres delvis gennemsigtig, kan du nok
ikke umiddelbart bruge ovenstående (uden nogle ekstra krumspring i hvert
fald).


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/ + http://bandlist.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

Stig Nygaard <stig@REMOVE-THISrockland.dk> wrote in
news:3DA95E6B.5020104@REMOVE-THISrockland.dk

>> -moz-opacity:0.5; /* Mozilla-baserede browsere */
>> filter:alpha(opacity=50); /* Internet Explorer */
>
> Lavede lige en lille hurtig test. Ovenstående har effekt på hele
> din DIV, inkl. evt. "forgrundsfarver" (tekst, border,...). Hvis
> det kun er baggrunden af din DIV der skal gøres delvis
> gennemsigtig, kan du nok ikke umiddelbart bruge ovenstående
> (uden nogle ekstra krumspring i hvert fald).

Det er jo en træls effekt så :(
Men mon ikke man kunne positionere en anden div (som jo har
transperant baggrund hvis ikke andet angives) ovenpå og derved undgå
nedarvningen ? (lidt omstændigt måske...)

--
Henrik Stidsen | HS235-DK | Ikke eksisterende samleobjekt/undtagelse
"I am a nobody, and nobody is perfect; therefore I am perfect."
http://hs235.dk | @spammer.dk <- spamfri emailadresse ;)

---

Stig Nygaard wrote in <3DA95963.4060306@REMOVE-THISrockland.dk>:
> W3C arbejder vist på noget der ligner -moz-opacity til CSS3, og det
> kommer nok til at hedde opacity.

Jeg kan ikke lige huske om der er noget der hedder opactity, men i CSS3
bliver der mulighed for at angive farver med transparens.

http://www.w3.org/TR/css3-color/#colorunits

Eksempler:

RGBA
p { color: rgba(0,0,255,0.5) } /* semi-transparent solid blue */
p { color: rgba(100%, 50%, 0%, 0.1) } /* very transparent solid orange */

HSLA
p { color: hsla(240, 100%, 50%, 0.5) } /* semi-transparent solid blue */

--
Mvh.

Niels Andersen
(la nels. anersyn.)

---

Niels Andersen <niels-usenet@myplace.dk> wrote in
news:y3fq9.101595$Qk5.4467269@news010.worldonline.dk

> Jeg kan ikke lige huske om der er noget der hedder opactity, men
> i CSS3 bliver der mulighed for at angive farver med transparens.

Det (css3) understøttes vel ikke rigtig af browserne nu vel ?

--
Henrik Stidsen | HS235-DK | Ikke eksisterende samleobjekt/undtagelse
"I am a nobody, and nobody is perfect; therefore I am perfect."
http://hs235.dk | @spammer.dk <- spamfri emailadresse ;)

---

Henrik Stidsen wrote in <Xns92A7C52C6C0BCHS235DK@212.54.64.149>:
> Det (css3) understøttes vel ikke rigtig af browserne nu vel ?

Jeg ved ikke lige hvor meget af css3 der er implementeret i diverse
browsere, men det er nok ikke meget. CSS3 er jo langt fra færdig.

Interesserede kan kigge her: http://www.w3.org/Style/CSS/current-work

--
Mvh.

Niels Andersen
(la nels. anersyn.)

---

Sat, 12 Oct 2002 23:55:33 +0000 (UTC), skrev Henrik Stidsen
<spamtrap@spammer.dk>:

>Er det muligt, og i så fald hvordan, at lave en farvet baggrund
>f.eks. 60% transperant ? (i en <div>).

<div style="background-color: red; filter:alpha(opacity=60);
width: 200px; height: 200px">

Virker kun i IE.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Knud Gert Ellentoft <knudgert@mail.tele.dk> wrote in
news:croiqucd8b736s2t1ddame3ou28a1b5j8q@dtext.news.tele.dk

> Virker kun i IE.

Mand hvor jeg hader de store forskelle på browsernes kunnen :(

--
Henrik Stidsen | HS235-DK | Ikke eksisterende samleobjekt/undtagelse
"I am a nobody, and nobody is perfect; therefore I am perfect."
http://hs235.dk | @spammer.dk <- spamfri emailadresse ;)

---

"Henrik Stidsen" <spamtrap@spammer.dk> wrote in message
news:Xns92A6135E15739HS235DK@212.54.64.149...
> Er det muligt, og i så fald hvordan, at lave en farvet baggrund
> f.eks. 60% transperant ? (i en <div>).

Når man style et element med filter:alpha (eller -moz-opacity) er det
gældende for elementet og alle dens børn. Dette kan ikke ophæves på
elementets børn, ikke engang med style="filter: none;".
Hvis du ønsker at lave den visuelle effekt hvor baggrunden har et opacity
filter og selve teksten er som almindelig tekst.
Så er du nød til at positionere det almindelige element ind over elementet
med opacity filteret.

Jeg har et eksempel her:
http://users.cybercity.dk/~dsl58854/testcenter/css/opacity/index.html

Alternativt kan du også kigge på PNG-formatet. Du skal så bare være
opmærksom på at det kun virker i Opera 6+ og Mozilla/Netscape6+.


Hintzmann

---

"Hintzmann" <nospam@please.dk> wrote in news:aodsio$37n$1@sunsite.dk

> Alternativt kan du også kigge på PNG-formatet. Du skal så bare være
> opmærksom på at det kun virker i Opera 6+ og Mozilla/Netscape6+.

Så vil gif formatet altså virke bedre ? ;)

--
Henrik Stidsen | HS235-DK | Ikke eksisterende samleobjekt/undtagelse
"I am a nobody, and nobody is perfect; therefore I am perfect."
http://hs235.dk | @spammer.dk <- spamfri emailadresse ;)