Avatar billede izyr Juniormester
22. september 2004 - 22:08 Der er 6 kommentarer og
1 løsning

Billede i baggrunden men ikke som baggrund

Kan man lægge et billede inde under en tekst uden at det skal ligge som selve bagrunden? Altså at jeg lægger et billede, men at jeg kan skrive henover billedet??
Og endnu bedre, kan jeg lave billedet halvt gennemsigtigt så det flyder mere i med min baggrund og næsten ligger som et slags vandmærke
Avatar billede knudgert Nybegynder
22. september 2004 - 23:59 #1
Du kan bruge z-index til at placere med, så billedet ligger nederst og tekst er ovenpå.
http://html.dk/tutorials/css/lektion15.asp

Man kan bruge forskellige filtre i css til at lave et billede gennemsigtigt, men de har alle den fejl, at det ikke er en del af cssstandarden og derfro ikke vil virke i alle browsere + at det er forskellig kode, der skal bruges.
Hvis du på nogen måde kan, så lav det i grafik i stedet for.
Avatar billede knudgert Nybegynder
23. september 2004 - 00:21 #2
Billedegennemsigtighed med (ikke-valid css):
<img style="opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5" src="billede.jpg">
Opacity understøttes af Safari,
filter af IE 5.5 og nyere
-moz-opacity af Netscape 7.x/Mozilla/Firefox.
Avatar billede roenving Novice
23. september 2004 - 01:48 #3
Og få elementer ovenpå hinanden ordnes sådan:

<div style="position:relative;">
<img src="ditBillede.gif" style="position:absolute;width:300px;height:213px;">
<div style="position:absolute;width:300px;height:213px;color:white;">
Denne tekst ligger ind over biledet</div>
</div>
Avatar billede izyr Juniormester
26. september 2004 - 21:28 #4
background-image: url("../images/shedevil.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;

Nu har jeg defineret et billede ovenstående som står i baggrunden og som er låst fast... hvordan gør jeg det billede mere transparent i forhold til baggrunden?
Avatar billede roenving Novice
27. september 2004 - 01:17 #5
Nej ,-)

Det er ikke muligt uden at redigere billedet ...
Avatar billede izyr Juniormester
27. september 2004 - 09:19 #6
hmm øv da
Avatar billede izyr Juniormester
29. september 2004 - 01:31 #7
hmm
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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