HTML & CSSur HTML, XHTML & CSS
6 svar · 1 932 visningar · startad av Eclipse
Jag har en kund som vill ha en bakgrund med en bild i med ett rött streck diagonalt över sidan...
Eftersom sidorna på webbplatsen är rätt långa ser det dumt ut om bilden repeteras... om det nu inte finns specialbilder för detta endamål.
Min fråga till forumet är, finns det en teknik att göra en bakgrundsbild på en hemsida som är fast? Som inte flyttar på sig då man scrollar?
body{
background-attachment: fixed;
background-repeat: repeat-x;
}
Tack så mycket!
Låt mig bara fråga då, man kan väl bara ha EN body-tagg på en sida. I den nuvarande taggen beskrivs färgen på texten. Inget avancerat, men dock...
Ska jag bara ha body-tagg i css...? Framförallt style margin skulle jag vilja ha kvar. Hur skriver jag på sidan?
<BODY BGCOLOR="#FFFFFF" style="margin: 0;" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000">
lägg det i css:
body{
background: #fff url('dinbakgrund.gif') repeat-x fixed;
margin: 0;
color:#000;
}
a, a:focus, a:hover, a:visited {
color: #000;
}
och använd:
<body>
i din HTML.
Jepp. Endast en body tagg per sida.
voigtann1 skrev:
och använd:
<body>i din HTML.
Jepp. Endast en body tagg per sida.
Det du säger stämmer, men däremot tror jag du missuppfattade frågan. Det går utmärkt att ha flera body i CSS. T ex
body{color: white}
body{background-color: black}
Nu är detta bara ett test. Det är fel bild... men skapligt representativ.
Bilden repeterar sig i sidled. Det var det min fråga var, om man kunde undvika det.
All kod i filen: stylesheet_v2.css
.text_8pt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.text_8pt_bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}
.bildtext_7pt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-color: #999999; color: #666666}
.news {border:1px dotted #789B72;}
body{
background: #fff url('/v2/include/guldklaven.jpg') repeat-x fixed;
margin: 0;
color:#000;
}
a, a:focus, a:hover, a:visited {
color: #000;
}
ta bort repeat-x i background för body och använd no-repeat istället
