Avatar billede plato Juniormester
04. november 2004 - 23:06 Der er 5 kommentarer og
1 løsning

Height background-image CSS

Hejsa NG.

Kan man ikke bestemme height og width på en CSS background?

Denne her linie virker ikke:
style="background-image: url(../pics/<%=rs("pic")%>);background-repeat:no-repeat;z-index:1;background-width:60px;background-height:90px;"

Hvis jeg bare bruger height:90px;width:60px; virker det heller ikke.
Er der andre muligheder?
Avatar billede skovenborg Nybegynder
04. november 2004 - 23:08 #1
nej ikke endnu - der vil blive mulighed for det i CSS3 som endnu ikke er udkommet. Og der går alligevel endnu længere tid før browserne kommer til at understøtte det.
Avatar billede skovenborg Nybegynder
04. november 2004 - 23:09 #2
Den eneste mulighed lige nu er at lave et almindeligt billede og skalere det, hvorefter du sætter det om bag det element som skal have baggrundsbilledet (fx en div)
Avatar billede plato Juniormester
04. november 2004 - 23:11 #3
Ok, takker for svaret :-)
Avatar billede skovenborg Nybegynder
04. november 2004 - 23:17 #4
Jeg kunne lige give et eksempel før jeg går ;-)

Hvis du har denne html-kode:
<div id="container">
  <img src="logo.png" id="baggrund" />
<div id="element">
Dette er noget tekst og andet halløj
</div>
</div>

Kan du få billedet om bag teksten med denne stylesheet (kun testet i firefox - sig til hvis IE reagerer forkert i dette tilfælde):
<style type="text/css">
#container {position:relative;}
#element {
    position:absolute;
    width:100px;
    height:100px;   
    top:0px;
    left:0px;
    z-index:2;
}
#baggrund {
    width:50px;
    height:60px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}
</style>
Avatar billede plato Juniormester
05. november 2004 - 17:21 #5
Genialt skovenborg :-) !!!!
Det virker bare lige nøjagtig som det skal!!
En meget glad mand :-)))
Avatar billede skovenborg Nybegynder
05. november 2004 - 17:30 #6
det var da godt - og tak for points :-)
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



IT-JOB