Notifikationer

Markér alle som læst Log ud

reino Nybegynder

12. januar 2004 - 17:38 Der er 10 kommentarer og
2 løsninger

Transperant layer

Hej alle og godt nytår.

Har et nødråb. Har en hjemmeside med 1 baggrundsbillede, har brug for at lave et transperant layer over en lille del af billedet, på dette layer skal der nemlig være noget tekst på. Dog skal det stadigvæk være muligt at kunne skimte noget at baggrundsbilledet bag ved layeret. Er ved at gå bananas over det, har set det er muligt, kan bare ikke huske hvor :(

Al hjælp tages imod med kyshånd. Gode point gives :)

Hilsen
En efterhånden desperat mand *LOL*

Synes godt om

Slettet bruger

12. januar 2004 - 17:49 #1

<html>
<head>
<title>Foo</title>
</head>
<body background="billede.jpg">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Weeeee</td>
</tr>
</table>

</body>
</html>

Synes godt om

reino Nybegynder

12. januar 2004 - 17:58 #2

Hmmmmm... Du må have glemt et eller andet. Eller er det bare mig der ikke har forklaret mig godt nok ?

Synes godt om

Slettet bruger

12. januar 2004 - 18:01 #3

Eller måske lidt mere passende:

<div style="background-image: url(elogo.png); width: 99px; height: 110px;">
<div align="center" style="padding-top: 30px;">Tekst på lag</div>
</div>

Kan ses her: http://cypermann.dk/exp/450542/index.html

Synes godt om

nak-m Nybegynder

12. januar 2004 - 18:06 #4

Hvis du vil have dit layer's bagrund til at være transparent, kan du bruge:

style="filter: alpha(opacity=50); -moz-opacity: 0.5"

hvor opacity går fra 0 til 100 og er til IE og -moz-opacity går fra 0 til 1 og er til mozilla o.l. :)

Synes godt om

grunken Nybegynder

12. januar 2004 - 18:07 #5

sådan måske ?

<html>
<head>
<script type="text/javascript">
function vislag(){
elm = document.getElementById('billede')
var t = 0;
var l = 0;
if (elm.offsetParent){
while (elm.offsetParent){
l += elm.offsetLeft;
t += elm.offsetTop;
elm = elm.offsetParent;
}
}
else if(elm.y){
t += elm.y;
l += elm.x;
}
lag = document.getElementById('tester');
lag.style.left = l+'px';
lag.style.top = t+'px';
lag.style.display = 'block';
}
</script>
</head>

<img src="billede.jpg" id="billede" onload="vislag();"/>
<div id="tester" style="filter:alpha(opacity=50);-moz-opacity:0.5;width:100px;height:50px;z-index:10;position:absolute;background-color:#fff">Bla bla bla bla<br/>Bla bla bla bla</div>
</html>

Synes godt om

nute Nybegynder

12. januar 2004 - 19:10 #6

reino >> *alle* layers er i udgangspunktet transparent (gennemsigtig), med mindre du giver det en baggrundsfarve. Er du sikker på at det ikke er semi-transparent du mener (delvis gennemsigtig) ?

/nute

PS! 200 points er nok liiiiige lidt i overkant for dette spm. Selv om du er desperat, er det ikke nødvendig at smide overflødige points i skødet på lykkejægere ;-) Spørgsmålet er ikke særlig svært, du har bare ikke lige set løsningen endnu ;-)

Synes godt om

nak-m Nybegynder

12. januar 2004 - 19:42 #7

nute:
Transparent betyder som sagt bare gennemsigtig, at man kan se igennem det. Så er det vel rimeligt ligegyldigt, hvor meget man kan se igennem det.

Synes godt om

nute Nybegynder

12. januar 2004 - 20:28 #8

nak-m >> hvis du læser spm en gang til, så vil du kunne se at der står "Dog skal det stadigvæk være muligt at kunne skimte noget at baggrundsbilledet bag ved layeret". Hvis der ligger et transparent layer ovenpå et billede, så vil man ikke "kunne skimte baggrundsbilledet" ... det vil være totalt synlig hele tiden. Hvis man derimod har et semi-transparent layer ovenpå et billede, så vil layeret være delvis gennemsigtig, og man vil "kunne skimte baggrundsbilledet" da layeret ligger som et filter ovenpå billedet.

Det er hvertfald sådan jeg forstår spørgsmålet ...

/nute

Synes godt om

Slettet bruger

13. januar 2004 - 07:39 #9

Hvis dit baggrundsbillede bag ved layeret er sort, bør du nok benytte grunken's metode. Ellers ville jeg forsøge at klare det uden brug af javascript, og ander indviklet og krævende funktioner. Du kan eventuelt placere din tekst med z-index fra css.

Giver nute ret, 200 points er alt for meget. 30 points ville være alt mere end nok. Det skal naturligvis være op til spørgeren at vurdere hvor meget spørgsmålet er værd. Men til tider rammer man langt ved siden af.

Synes godt om

reino Nybegynder

13. januar 2004 - 10:00 #10

Hej alle

Tak for svar, det blev Grunks eks. der blev det som jeg benyttede. Det var lige præcist det jeg hade brug for. Grunk, smid lige et svar.

Og hvad angår det med pointgivningen, DHTML og det med layers er ikke umiddelbart min stærke side, mit speciale ligger i noget andet. Men jeg har nu brug uforholdsvist meget tid på at finde en løsning så det opvejet mod at give 200 point ser jeg nu ikke noget galt i. Men giver jer ret i at det godt kan virke lidt i overkanten, havde blot ikke noget fornemmelse omkring hvor tricky det var.

Men tak til alle og hav en super dag :)

Synes godt om

grunken Nybegynder

13. januar 2004 - 12:39 #11

Hejsa alle, så så jeg at der havde været indlæg her (er i den uheldige situation at jeg ikke får mails når der sker noget i spørgsmålene)

Som dem den generelle indstilling vedr. points er herinde, så er 200, alt for mange hvis systemet skal afspejle svarerens reelle kunnen. En god guideline er faktisk at bruge de forudbestemte satser 15-30-60 og her er 60 altså meget svær :-)

Men uanset hvor meget vi prøver, vil der altid være en masse 200 points spørgsmål, som bliver oprettet.

Opretter jeg ligger et svar på betingelse af at du tager 170 points selv :-)
og det gør du ved at lægge et svar selv, og derefter vælge avanceret :-)

Synes godt om

reino Nybegynder

13. januar 2004 - 15:43 #12

Oki, takker, vil jeg så gøre

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