8 svar · 570 visningar · startad av haikko
Hej alla, har ett litet problem med ett script jag har på sidan för att bakgrundsfärgen ska ändras men den funkar inte i firefox utan det blir en svart ruta på sidan där det ska vara en tabell.
Koden:
<body style="filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCC99')">
Nånting man kan ändra i den för att den ska funka i firefox också?
Filter finns väl bara för IE så vitt jag vet.
Aha ok, finns det nån css-kod man kan använda sig av för att få ut samma effekt på bakgrunden? alltså fadar från vit till ljusgul?
Ursh, sånna där script ger mig mardrömmar. :x
Gör en bild istället ;)
Okej, men jag har försökt haft en bild som bakgrund där tidigare men jag har aldrig lyckats fått den utsträckt över hela sidan varelse med css-kod eller vanlig body background.
Det jag har testat:
<style type="text/css">
<!--
body {background-image: url("bild.jpg"); background-attachment: fixed}
-->
</style>
<body background=bilden.gif bgColor=#FFFFFF bgProperties=fixed>
<style type="text/css">
body {
margin-left:0px;
margin-top:0px;
background: url('img/najs_03.jpg');
background-attachment:fixed;
overflow:hidden;
}
</style>
<body leftmarin="0" topmargin="0" background="img/najs_03.jpg" bgproperties="fixed" scroll="no">
body
{
background-image: url('http://example.se/bilden.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
Nånting som är missat i css-koden?
En background-image har inget width property, så det är nog kört att försöka på det viset. Däremot kan det ju fungera om du stoppar in en <img>, men då får du problem med fixed istället :l
Eller så gör du bakgrunden så bred som du vill att den ska vara och så får du leva med det :OO
nu vet jag inte hur den ser ut men om den är tex är en smal bild som är mörkare upptill och vit nertill räcker ju denna kod
body {
background:#fff url(mapp/bilden.jpg) top left repeat-x;
}
precis. som ovanstående talare nämnt; du väljer en grundfärg och låter en bakgrundsbild från toppen i en bestämd höjd agera övertoning.
dvs,
body {
background:url(grad.jpg) #fff top left;
}
alternativt
#div {
background:url(grad.jpg) #fff top left;
height:400px;
}
med koden i html
<div id="div"><div>tjoho</div></div>
För animerad CSS finns detta solklara alternativet:
http://kurafire.net/projects/face