CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

peder77 Nybegynder

07. november 2007 - 14:18 Der er 9 kommentarer og
2 løsninger

gennemsigtig billede

Hej Eksperter.

Jeg har lagt et billede ind på min hjemmesiden ved hjælp af dette css.
#margTop {
background-image: url(images/indhold_bgTop.png);
background-repeat: no-repeat;
height: 25px;
}

Kan jeg gøre billedet 50% gennemsigtig?
Og hvordan?

På forhånd tak

Mvh
Peter

Synes godt om

michaelgm Nybegynder

07. november 2007 - 14:34 #1

Har du prøvet med filter: Alpha(Opacity=50)

Synes godt om

sw_red_6 Nybegynder

07. november 2007 - 14:35 #2

og hvis det skal virke i andet end IE så tilføj det her også:
moz-opacity: 0.5;
opacity: 0.5;

Synes godt om

themaster Nybegynder

07. november 2007 - 14:37 #3

Prøv at tilføje følgende kode i margTop. Det bevirker nok at hele margTop bliver 50% gennemsigtig. Vd ikke om det er tilsigtet, men prøv.

filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;

//themaster

Synes godt om

peder77 Nybegynder

07. november 2007 - 14:43 #4

hej hej.

Jeg har netop søgt rundt og fundet den i også skriver
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;"

Men som "the master" også siger, påvirker det alt indhold.

Kan man undgå det. For det er kun baggrundsbilledet jeg vil have 50 %.

Synes godt om

karmicmind Nybegynder

07. november 2007 - 15:30 #5

Du kan konvertere dit billede til en semi-transparent png, men så virker det ikke i IE6..

Synes godt om

jokkejensen Novice

07. november 2007 - 15:37 #6

Du fikser det ala:

<div id="margTop">
<div class="content">tekst</div>
</div>

#margTop
{
display: relative;
}

#margTop .content
{
position:absolute;
left:0px;
top:0px;
}

sikkert også en widt på .content.

/JJ

Synes godt om

jokkejensen Novice

07. november 2007 - 15:37 #7

#margTop
{
position: relative;
}

Synes godt om

peder77 Nybegynder

07. november 2007 - 15:57 #8

jokkejensen. Det kan jeg ikke få til at virke?
Indholdet forbliver gennemsigtigt.

Andre forslag?

Synes godt om

w13 Novice

07. november 2007 - 15:59 #9

Du kan ikke kun gøre et baggrundsbillede gennemsigtigt. Du må lægge det som et rigtigt billede.

Synes godt om

karmicmind Nybegynder

07. november 2007 - 16:06 #10

Gør det gennemsigtigt i dit billedbehandlingsprogram og gem det i png-format.. Eller hvis det der ligger bagved billedet alligevel er det samme, kan du også blande dem sammen på forhånd..

Synes godt om

peder77 Nybegynder

08. november 2007 - 08:45 #11

tak for hjælpen.
Jeg har lavet baggrundsbilledet gennemsigtigt.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS