Notifikationer

Markér alle som læst Log ud

cara-mint Nybegynder

11. juni 2003 - 15:28 Der er 3 kommentarer og
1 løsning

Semi-transparent image over background image ?

FORKLARING: Som generel baggrund (body background) på mit site bruger jeg et .gif billede. På dette site er der bl.a. en tabel. Jeg ønsker at bruge et andet billede som baggrund i denne tabel. Det "øverste" billede (baggrunden i tabellen) skal være semi-gennemsigtigt, således at det bagvedliggende billede kan "anes" bagved.

(1) Kan man overhoved bruge .gif formater til semi-transparent billeder? Jeg synes ikke de fremstår SEMI-transparent i browseren. Enten er de helt gennemsigtige eller også er de solide. Jeg har prøvet med .png men det var heller ikke lykken for browseren.... forslag?
(2) Er det muligt at lave dette gennemsigtig-image-over-image trick? Eller skal der er work-around til?

På forhånd tak!

Synes godt om

ztyxx Nybegynder

11. juni 2003 - 15:33 #1

du skal have fat i denne style til dit billede i tabellen
style="filter:alpha(opacity=30);"

Synes godt om

roenving Novice

11. juni 2003 - 15:38 #2

Ingen problemer med .giffer -- du kan jo prøve denne her (sæt lige et billede-navn ind, som du har ,-):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Opacity</title>
<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();
function startOpChange(elm,end,tim){
if (!document.all)return;
clearInterval(endOpC[0]);
actOp=elm.filters.alpha.opacity;
if (actOp!=end){
OpC[0]=actOp;
OpC[1]=end;
OpC[2]=(actOp<end)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
endOpC[0]=setInterval("opChange("+elm.sourceIndex+")",delayTime);
}
}
function opChange(elm){
OpC[0]+=OpC[2];
document.all[elm].filters.alpha.opacity=OpC[0];
if (OpC[0]==OpC[1]){
clearInterval(endOpC[0]);
return;
}
}
</script>
</head>
<body onresize onload>
<form>
<img src="billede.gif" name="fisk" style="filter:alpha(opacity=60);"
onMouseOver="startOpChange(this,100,1);"
onMouseOut="startOpChange(this,60,1);">
</form>
</body>
</html>

Synes godt om

cara-mint Nybegynder

11. juni 2003 - 16:13 #3

ztyxx >> du er jo genial =)

Synes godt om

ztyxx Nybegynder

11. juni 2003 - 16:28 #4

genial og genial, det er nu så meget sagt, men takker for point :-)

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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