---
title: "Scriptproblem i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144804-scriptproblem-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "haikko"
published: "2006-03-30T14:45:30.000Z"
updated: "2006-04-02T21:31:03.000Z"
replies: 8
views: 577
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/144804-scriptproblem-i-firefox"
---

# Scriptproblem i Firefox

## #1 — haikko, 2006-03-30T14:45Z

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å?

Permalänk: https://www.webforum.nu/p/144804

## #2 — Engine^, 2006-03-30T15:09Z

Filter finns väl bara för IE så vitt jag vet.

Permalänk: https://www.webforum.nu/p/1788851

## #3 — haikko, 2006-03-30T15:38Z

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?

Permalänk: https://www.webforum.nu/p/1788864

## #4 — Troxy, 2006-03-30T16:17Z

Ursh, sånna där script ger mig mardrömmar.  :x 
Gör en bild istället ;)

Permalänk: https://www.webforum.nu/p/1788881

## #5 — haikko, 2006-03-30T16:40Z

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?

Permalänk: https://www.webforum.nu/p/1788887

## #6 — Engine^, 2006-03-30T17:20Z

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

Permalänk: https://www.webforum.nu/p/1788904

## #7 — caya, 2006-03-30T17:59Z

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;
}
```

Permalänk: https://www.webforum.nu/p/1788922

## #8 — trendol, 2006-04-02T14:05Z

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\>

Permalänk: https://www.webforum.nu/p/1792797

## #9 — echoSwe, 2006-04-02T21:31Z

För animerad CSS finns detta solklara alternativet:
<http://kurafire.net/projects/face>

Permalänk: https://www.webforum.nu/p/1792955

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144804-scriptproblem-i-firefox
