Teknik, hosting & e-handelsløsninger

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

eklame.dk — Tue, 31 Jan 2012 17:05:10 GMT

Tveskæg:
Tak og fortsat god weekend.

Selv tak, og jeg kan se du forstod min PB

mvh

eklame.dk

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Tveskæg — Sun, 29 Jan 2012 17:55:22 GMT

eklame.dk:

Jeg går ud fra at det er sådan du mener:

http://www.dflo.dk/costums/amino/transperant/index.htm

Lige præcis, og tak til jer alle, nu har jeg forstået det.

Denne løsning er faktisk simpel.

Tak og fortsat god weekend.

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Anonymous — Sun, 29 Jan 2012 11:59:05 GMT

Tveskæg:

På en vens hjemmeside med et baggrundsbillede, er der ønsker at lave nogle spalter med delvis transparent baggrund.

Kan dette lade sig gøre i html / css? Eller skal jeg ud i noget andet programmering?

Takker på forhånd.

Tveskæg

Den nemme vej er at lave det med rgba farver..

Lad os antage at du har et baggrundsbillede, hvor du vil have 20% gennemsigtighed igennem content boksen. Jeg kalder content boksen for wrapper (<div id="wrapper">INDHOLD HER</div>)

For at gøre vores wrapper gennemsigtig, skal du bruge rgba (som er den letteste)

CSS'en for wrapperen
#wrapper {

background-color:#000;
background:rgba(0,0,0,.8);

}

Din content boks vil nu have en sort baggrund, som er 20% gennemsigtig. Skulle den være hvid, med 20% gennemsigtighed skulle du blot skrive (background:rgba(255,255,255,.8);)

Det skal siges at denne metode desværre ikke er understøttet i ældre browsere.. Skal du være sikker på det virker der også - så lav et billede på 1x1 pixel med din farve og gør den gennemsigtig.

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Michael Storm — Sun, 29 Jan 2012 11:34:40 GMT

Ja, det kan man godt. Og man kan også godt sørge for, at teksten fx. ikke bliver tilsvarende transperant. Men det kræver noget positionering. Men det kan laves lige som du ønsker det.

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

eklame.dk — Sun, 29 Jan 2012 11:21:52 GMT

Simon Jensen:
Synes nemt dit indlæg kan misforstås, da det også er et billede i sætter ind som baggrund i de enkelte. For mig lød det som om det hele blev gjort vha css :)

Synes ikke det kan misforstås, spørgsmålet gik på, om man kunne løse problematikken med almindelig html / css, og det kan man jo.

med venlig hilsen

eklame.dk

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Simon Jensen — Sat, 28 Jan 2012 18:50:05 GMT

eklame.dk:

Jeg går ud fra, at du gerne vil lave nogle spalter (kolonner) transparente, som skal ligge over baggrundsbilledet, og som du herefter kan putte tekst / billeder indeni..

Så er svaret helt klart ja. Du kan gøre det med ganske simpel html samt css. Dette gør vi ofte.

Jeg går ud fra at det er sådan du mener:

http://www.dflo.dk/costums/amino/transperant/index.htm

dette eksempel er en prøve til en kunde, for at vælge farver o.s.v. så tag dig ikke af det ikke er færdig. Men du kan se hvordan det virker. Graden af gennemsigtighed, farver o.s.v. styrer du 100% selv. Viste side er flydende, men du kan også bruge princippet i faste "kasser".

med venlig hilsen

eklame.dk

Synes nemt dit indlæg kan misforstås, da det også er et billede i sætter ind som baggrund i de enkelte. For mig lød det som om det hele blev gjort vha css :)

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

eklame.dk — Sat, 28 Jan 2012 18:40:41 GMT

Jeg går ud fra, at du gerne vil lave nogle spalter (kolonner) transparente, som skal ligge over baggrundsbilledet, og som du herefter kan putte tekst / billeder indeni..

Så er svaret helt klart ja. Du kan gøre det med ganske simpel html samt css. Dette gør vi ofte.

Jeg går ud fra at det er sådan du mener:

http://www.dflo.dk/costums/amino/transperant/index.htm

dette eksempel er en prøve til en kunde, for at vælge farver o.s.v. så tag dig ikke af det ikke er færdig. Men du kan se hvordan det virker. Graden af gennemsigtighed, farver o.s.v. styrer du 100% selv. Viste side er flydende, men du kan også bruge princippet i faste "kasser".

med venlig hilsen

eklame.dk

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Simon Jensen — Sat, 28 Jan 2012 17:56:35 GMT

Hej,

Som Gita skriver, kan man sætte en opacity på, men det gør også at alt andet indenfor bliver - som hun vidst også skriver. (man skal lige huske hvad der bliver skrevet når man bruger amino app :))))
Men du kan løse problemet ved at sætte en semi transparent baggrund ind som du kan lave i Photoshop og ellers kan du helt sikkert finde en hvis du søger på Google.
Hvis du har problemer er du velkommen til at sende en pm

Svar: Transparent / gennemsigtig baggrund med CSS, er det mulig?

Gita Street — Sat, 28 Jan 2012 17:09:37 GMT

Du sidder på det rigtige svar - ja, du kan gøre det med html og CSS :-)

Den her giver et godt overblik, synes jeg:
http://css-tricks.com/transparency-in-web-design/

Et af de ting der kan drille når man bruger opacity kan være at den jo så også kan lave teksten gennemsigtig - og det er jo sjældent ønsket. Det er vist det de mener med "Do note that all descendants of the element with opacity also become transparent. There is no way to "force" any descendant to be come any less transparent as the parent is."

Transparent / gennemsigtig baggrund med CSS, er det mulig?

Tveskæg — Sat, 28 Jan 2012 16:56:42 GMT

På en vens hjemmeside med et baggrundsbillede, er der ønsker at lave nogle spalter med delvis transparent baggrund.

Kan dette lade sig gøre i html / css? Eller skal jeg ud i noget andet programmering?

Takker på forhånd.

Tveskæg