[CSS] Fixed background niet zichtbaar in FF / Opera*

[Beyond]

Ik gebruik onderstaande code. Dit werkt in Internet Explorer. Het plaatje blijft keurig op zijn plaats staan. Echter wordt er geen afbeelding getoond in Firefox en Opera.
Zodra ik "fixed" verwijder dan werkt het wel in FF en in Opera maar dan scrollt de afbeelding mee in Internet Explorer maar niet in FF en Opera. Heeft iemand een idee wat het probleem is.

Standaard wordt deze gehide en met javascript wordt deze getoond.

Cascading Stylesheet:

#fill {
    position:absolute;
    width:156px;
    height:63px;
    background:url(../img/backgrounds/fill.gif) fixed no-repeat;
    overflow:auto;
    display:none;
    z-index:100;    
}

code kan al een tijdje languages bevatten , zie ook Overzicht van UBB-codes #tag_code

[ Voor 8% gewijzigd door BtM909 op 15-05-2007 13:54 ]

[RM-rf]

kan het misschien wat uitmaken als je

code:

background:url(../img/backgrounds/fill.gif) no-repeat fixed ;

doet, dat hoort zo eigenlijk, zie de standaard: http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background

of de shorthand opdeelt in alle separate properties?

code:

background-image: url(../img/backgrounds/fill.gif);
background-attachment: fixed;
background-repeat: no-repeat;

[ Voor 14% gewijzigd door RM-rf op 15-05-2007 13:37 ]

[Beyond]

Dat had ik idd ook geprobeerd maar hetzelfde resultaat.
Thnx voor je reply

Andere ideeen?

[BtM909]

Kan je een voorbeeld online zetten, het kan nl. ook aan je plaatje liggen

[Beyond]

Ik kan helaas geen voorbeeld online zetten ivm bedrijfsgevoelige informatie.

Maar hoezo kan het aan het plaatje liggen? Het werkt namelijk wel in alle browsers, alleen niet met de property fixed.

[BtM909]

Beyond schreef op dinsdag 15 mei 2007 @ 14:12:
Ik kan helaas geen voorbeeld online zetten ivm bedrijfsgevoelige informatie.

Maar hoezo kan het aan het plaatje liggen? Het werkt namelijk wel in alle browsers, alleen niet met de property fixed.

een voorbeeld hoeft niks met je bedrijfsgevoelige informatie te maken... Heb je een testcase, waarin je dit kan reproduceren?

[Beyond]

Ik kom er nog op terug. Zal morgen even proberen een voorbeeld in elkaar te zetten

[Verwijderd]

Twee opmerkingen:
1) Zo lang je "display: none" meegeeft, zal er helemaal niets worden weergegeven. Niet in Opera, niet in Firefox en niet in IE.
2) In welke IE test je? IE6 kan niet met position:fixed omgaan i.t.t. IE7 en Opera / Firefox, wat misschien verklaart waarom de achtergrond daarin als enige wel te zien is.

Bij mij geven Opera, Firefox en IE7 het hetzelfde weer.

[Beyond]

1.) Standaard wordt deze gehide en met javascript wordt deze getoond.
2.) Ik test het in 6.0.2900

[Beyond]

Cascading Stylesheet:

#fill {
    position:relative;
    width:156px;
    height:63px;
    background-image: url(../img/backgrounds/fill.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    display:none;
    overflow:auto;  
    z-index:100;
}

Ik heb nu dit en het rare is dat de image wordt getoond in alle browsers (img scrollt nog wel mee in IE). Verander ik scroll in fixed dan wordt de image niet meer getoond in Opera en FF. Wel in IE en dan scrollt de image niet mee.

Iemand?

[Verwijderd]

Als je background-attachment: fixed gebruikt (dat *niet* wordt ondersteund door IE6) dan wordt de achtergrondafbeelding weergegeven in de linkerbovenhoek van het browservenster. Als je dan ook nog eens no-repeat meegeeft, zie je het achtergrondplaatje dus alleen als het element waarop je dat achtergrondplaatje definieert ook in de linkerbovenhoek van het scherm staat. Dat is zo'n beetje wat 'fixed' doet in een browser die dit ondersteunt.

<http://www.w3.org/TR/CSS21/colors.html#background-properties>

[ Voor 6% gewijzigd door Verwijderd op 16-05-2007 21:14 ]