Hintergrund Bild nicht angezeigt auf alten IE-Versionen

Ich m wirklich eine harte Zeit, die Anzeige eines hintergrund-Bildes auf alten IE-Versionen (6-8).

Hier ist mein code:

#top
{
background-image: url(http://some-domain.com/myimage.jpg) no-repeat;
background-color:#830703;
border-bottom: 1px solid #303130;
height: 128px;
width:100%;
overflow: hidden;
zoom:1;
}

Habe ich es versucht zu schreiben, es in viele verschiedene Möglichkeiten, aber es hat nicht funktioniert.

Hat jemand eine Idee?

background-image: url(http://some-domain.com/myimage.jpg); background-repeat: no-repeat; entweder das, oder einfach nur background: url(http://some-domain.com/myimage.jpg) no-repeat;

InformationsquelleAutor user3069436 | 2013-12-05

0

Dies sollte eigentlich nie richtig dargestellt, wie Sie eine kleine syntaktische Fehler. Sie vermischt background-image und background-repeat. Entweder verwenden Sie die hintergrund-Verknüpfung oder einfach nur zu trennen:
```
background-image: url(http://some-domain.com/myimage.jpg);
background-repeat: no-repeat;
```
- Ich habe versucht, um Sie zu Spalten, es funktioniert immer noch nicht.
- könnten Sie ein jsfiddle dann? weil das ist ziemlich viel ein standard-code, der sollte überall funktionieren (und ja, auch in IE6 🙂 )
- tut mir Leid, ich m nicht vertraut mit jsfiddle
- dann plz mal einen Blick darauf werfen. Sie benötigen es, stackoverflow 🙂 Erstellen Sie ein Turnschuh, dass reproduziert das problem in den Browsern, die Sie erwähnt, und wir finden dein problem und poste die Antwort direkt mit einer neuen Geige
- Ich habe versucht, erstellen ein Turnschuh (ohne javascript): jsfiddle.net/KxDjX
- danke 🙂 dein hintergrund Bild erscheint in meinem browser...
- nun, für mich ist es nicht. Vielleicht sollte ich deaktivieren CSS-caching in diesem CMS.
- gut, dein code ist eigentlich korrekt, also kein problem hier. Wie du schon erwähnt hast in der anderen Antwort, Ihre test-Umgebung ist netrenderer. vielleicht macht man das problem. Haben Sie ein richtiges DH irgendwo (auch neuere). Wenn Sie F12 drücken, Sie haben Entwickler-tools wie firebug. Sie emulieren kann alte browser-Versionen gibt. Wenn dein Bild zeigt mit dieser Methode, dann ist alles gut, vertrau mir. Wenn nicht... nun, das wäre ziemlich interessant
- okay, ich danke Ihnen. Ich ll versuchen, es irgendwie beheben.
InformationsquelleAutor Ria Weyprecht
1

Verwenden Sie die unten.
```
#top
{
    background: url(http://some-domain.com/myimage.jpg) no-repeat #830703;
    border-bottom: 1px solid #303130;
    height: 128px;
    width:100%;
    overflow: hidden;
    zoom:1;
}
```
Hoffe, das hilft.
- leider nicht.
- Ich habe gearbeitet, es ein paar mal und es funktioniert einwandfrei. Zeigen Sie Ihre live-code. - @user3069436
- funktioniert gut für mich in emulierten IE8 und IE7
- In der Tat funktioniert gut auf meinem Aktuellen IE8 - @user3069436
- Wenn ich versuche dieses, mein Bild verschwindet komplett (bei firefox sowie im IE 7 & 8) - ich bin mit netrenderer.
- Die Website verwendet schafft die zwischengespeicherten css-Dateien - also habe ich Sie bearbeitet die "standard-css" - Datei und den Cache ein. Vielleicht gibt es ein Problem ?
- vielleicht ist es ein problem der netrenderer und man sollte nicht wirklich interessieren 😉
- ja, aber es doesnt-show in firefox aswell jetzt
- löschen Sie cache - @user3069436
- das ist, weil Sie immer noch mit dem hintergrund-Bild und nicht der hintergrund-Verknüpfung für Verknüpfung syntax 🙂
- ah OK, ich sehe. Auch das firefox-Teil ist nun behoben - ich ll versuchen zu finden, ein echtes DH jetzt, um zu sehen, ob das problem wirklich existiert, oder ob netrenderer ist täuschen mich.
- yep, klingt gut 🙂
- Das ist genau das, was ich oben erwähnt habe. Dont verwenden Sie background-image Attribut. Verwenden Sie einfach background mit Ihrem Bild sowie hintergrund-Farbe, innen und, die funktioniert auf IE - @user3069436
- OK danke Jungs. Getestet habe ich es auf IE 6 und es funktioniert, also nehme ich an es wird auf 7-8 aswell.
- also einfach upvote alle der angebotenen Antworten pls Kredit jeder und akzeptieren nur eine zufällige, die Sie mögen die meisten. Sie sind eigentlich alle richtig (akzeptieren, die man mit der Farbe, der überschreibt Ihr Bild, die Lösung ist richtig, aber der Grund ist einfach Total falsch)
- Ich kann nicht abstimmen, da ich nicht genug Ruf 🙁
- Ok, dann habe ich upvote alle von Ihnen für Euch 🙂
- OK, danke !
- Danke 🙂 @RiaElliger
- Danke 🙂 @user3069436
InformationsquelleAutor Nitesh
1

Verwenden Sie entweder eine der unten
```
background-image: url(http://some-domain.com/myimage.jpg) no-repeat;
background-color:#830703;
background-repeat: no-repeat;
```
oder
```
background: url(http://some-domain.com/myimage.jpg) no-repeat #830703;
```
- Agreed
- in der Regel einige zusätzliche text zu erklären, die Lösung ist schön, aber da die Lösung selbst korrigieren ich von Ihnen positiv bewertet werden, im Namen der Fragesteller 🙂
InformationsquelleAutor Sowmya
1

bitte Folgen Sie
```
background:#830703 url('http://ssl.gstatic.com/gb/images/v1_53a1fa6a.png') no-repeat;
```
- in der Regel einige zusätzliche text zu erklären, die Lösung ist schön, aber da die Lösung selbst korrigieren ich von Ihnen positiv bewertet werden, im Namen der Fragesteller 🙂
InformationsquelleAutor Sathish RG

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.