Ergebnis 1 bis 3 von 3

Thema: Background-repeat

  1. #1
    Azubi(ne) Avatar von Roland Rafael Repczuk
    Registriert seit
    12.02.2008
    Beiträge
    95
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Background-repeat

    Ich habe auf meiner Seite ein Box ( CSS, absolute Höhe und Weite ) und möchte gerne ein Hintergrundbild einfügen ohne dass es sich wiederholt, also dass es nicht mitscrollt sonder ständig an einer Stelle bleibt (background-repeat: no-repeat; ) Firefox zeigt alles richtig an, aber im IE 6 / 7 / 8 scrollt das Bild mit und danach ist der Background transparent...
    Jetzt wollte ich das Bild einfach positionieren und unter die Box setzen (z-index:1; ), aber das funktioniert auch nicht... Wenn ich dem Bild n höheren z-index gebe bleibt das trotzdem über der Box...

    Ich Hoffe Ihr könnt mir weiterhelfen!

    Hier ist der Ausschnitt

    HTML-Code:
    <div class="navi_pics">
    <div class="navi_text" style="z-index:2;"><br>
    <a class="thumbnail" href="kunst_repliktografie_astronom.html"><img
     src="bilder/thumbs/repliktografie_astronom.jpg"
     alt="Der Astronom - Repliktografie"> <span><img
     style="border: 0px solid ; width: 300px;"
     src="bilder/fineartprint_astronom.jpg"
     alt="Der Astronom - Kunstgem&auml;lde"></span></a><br>
    <br>
    <div style="text-align: center;"><a class="thumbnail"
     href="kunst_repliktografie_banquett.html"><img
     src="bilder/thumbs/repliktografie_banquett.jpg" alt="Banquett">
    <span><img style="border: 0px solid ; width: 400px;"
     src="bilder/fineartprint_banquett_1.jpg"
     alt="Repliktografie - Das Banquett"></span></a><br>
    ...............................
    </div>
    </div>
    <br>
    <br>
    <div style="z-index: 1;"><img src="bilder/navi_bg.jpg"
     alt="Navigation Hintergrund"
     style="position: relative; top: -360px; left: 1px;"><br>
    </div>
    Und mein CSS-Befehl für den Hintergrund
    HTML-Code:
    .navi_pics {
    float:left;
    width:288px;
    height: 364px;
    background-image: url(../bilder/navi_bg.jpg);
    border-top-color:#007CA5; 
    border-left-color:#007CA5; 
    border-right-color:#004080; 
    border-bottom-color:#004080; 
    border-width:1px;
    border-style:solid;
    overflow-y: auto;
    overflow-x:hidden;
    background-repeat:no-repeat;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    09.08.2009
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Background-repeat

    Wenn du willst das es ned mitscrollt verwende doch
    Code:
    background-attachment: fixed;

  3. #3
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Background-repeat

    Zitat Zitat von Dommix Beitrag anzeigen
    Wenn du willst das es ned mitscrollt verwende doch
    Code:
    background-attachment: fixed;
    Äh... Fixed bewirkt genau das gegenteil, so bleibt der Hintergrund an der Ansicht kleben, nicht an der Stelle (also scrollt mit).


    Da es im Firefox geht, tippe ich einfach mal auf die unfähigkeit vom IE -> benutze statt background-image ein einfaches background: url(...).

Ähnliche Themen

  1. Background-Repeat Bug in IE7?
    Von No0ob im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.10.2008, 21:41
  2. Buttons mit background repeat-x
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 22.07.2008, 08:34
  3. CSS - background-repeat | IE Problem
    Von sudeki05 im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 26.02.2008, 17:38
  4. tal:repeat
    Von Dr. Evil im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 5
    Letzter Beitrag: 05.04.2007, 09:49
  5. body Background repeat
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 18.02.2007, 15:56

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •