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

Pagina: 1
Acties:

  • Beyond
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

Topicstarter
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:
1
2
3
4
5
6
7
8
9
#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 ]

Al het goeie.......


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 01-12 10:11

RM-rf

1 2 3 4 5 7 6 8 9

kan het misschien wat uitmaken als je
code:
1
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:
1
2
3
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 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • Beyond
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

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

Andere ideeen?

Al het goeie.......


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

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

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Beyond
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

Topicstarter
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.

Al het goeie.......


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

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?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Beyond
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

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

Al het goeie.......


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
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

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

Al het goeie.......


  • Beyond
  • Registratie: Juni 2001
  • Laatst online: 06:37

Beyond

Dussssss.......

Topicstarter
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
#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?

Al het goeie.......


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 ]

Pagina: 1