Background-image CSS werkt niet in IE

(@jlanting)

Hallo,

Ik heb een kleurverloop als achtergrond in een div, en daarboven wil ik een afbeelding plaatsen. Dit doe ik met CSS. In Safari en Firefox werkt het goed, maar in Internet explorer wordt de afbeelding niet getoond. Het kleurverloopje werkt wel. Dit is de link naar mijn website.
Het gaat om de horizontale balk met de schuine strepen achter het witte vlak.

Dit is de CSS code van dat gedeelte >

.bodyContent {
	padding:0 20px 0 26px;
	overflow:hidden;
	height:100%;
	min-height: 500px;
	margin-top:25px;
	width:894px;
	margin-left: auto;
  	margin-right: auto;
   /* fallback (Opera) */
    background: #e6e6e9;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #ededf0, #f5f5f5);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#ededf0), to(#f5f5f5));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ededf0', EndColorStr='#f5f5f5', GradientType=1);

	background-image:url(images/balk-bg.png);
	background-repeat: no-repeat;

  }

Heeft iemand een oplossing om de afbeelding ook in IE te laten zien? Bedankt alvast!

Gr, Jantine

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Thread starter j.lanting
(@jlanting)

12 jaren, 9 maanden geleden

Kleine update, ik zie nu dat in Firefox en Safari de kleurverloop mist en de afbeelding wordt getoond. In IE is het precies andersom. Kunnen deze twee dingen niet samen?
Yasp0
(@yasp0)

12 jaren, 9 maanden geleden
In de stylesheet zie ik staan:
```
.body-home {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    min-height: 500px;
    padding: 15px 40px 0;
    width: 500px;
}
```
Haal background-color: #FFFFFF; eens weg?
Thread starter j.lanting
(@jlanting)

12 jaren, 9 maanden geleden

Ik heb het weggehaald, maar dan werkt het ook niet. Dat is het witte vlak over de .bodyContent op de homepage.

Yasp0
(@yasp0)

12 jaren, 9 maanden geleden

Je hebt gelijk, ik had even verkeerd gelezen 🙂

balk-bg.png wordt in FF weergegeven en in IE niet. De -moz-linear-gradient pakt FF niet. Ik heb niet geheel voor ogen wat je wilt bereiken…heb je het misschien in de vorm van een plaatje?

Thread starter j.lanting
(@jlanting)

12 jaren, 9 maanden geleden

Ja dit is zoals het zou moeten worden. Achtergrond een verloop + een balk. En daaroverheen het witte vlak waar de tekst komt.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘Background-image CSS werkt niet in IE’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven