0

Ich erstelle eine Landingpage und wenn ich meine Landingpage in Lackmus teste, erscheint sie mit meinem fehlenden Hintergrundbild.Hintergrundbild wird nicht in IE10 und IE11 angezeigt

Die schlechte Sache ist, dass meine anderen Hintergrundbilder in IE10 und IE11 angezeigt werden.

Ich habe mehr Code hinzugefügt, damit es einfacher ist, einer Lösung zu helfen.

/* Part 5: Points Section */ 
 
.pad_style2 { 
 
    padding-top: 50px; 
 
    padding-bottom: 50px; } 
 

 
.points_div { 
 
    padding: 20px 0px; 
 
    position: relative; } 
 

 
.single_point_div { 
 
    padding: 20px 0px; } 
 

 
.point_circle { 
 
    border-image: url(../images/dot.png) 30 round; 
 
    border-radius: 100%; 
 
    width: 60px; 
 
    height: 60px; 
 
    text-align: center; 
 
    line-height: 60px; 
 
    position: absolute; } 
 

 
.point_circle img { 
 
    position: relative; 
 
    top: 10px; } 
 

 
.point_ico { 
 
    margin-left: auto; 
 
    line-height: 40px; 
 
    margin-top: auto; 
 
    margin-bottom: auto; 
 
    margin-right: auto; 
 
    color: #74ff00; } 
 

 
.single_point_text { 
 
    margin-left: 3px; 
 
    font-size: 25px; 
 
    color: #f32525; 
 
    line-height: 50px; 
 
    font-family: 'Source Sans Pro', sans-serif; } 
 

 
.single_point_text2 { 
 
    margin-left: 55px; 
 
    font-size: 35px; 
 
    color: #f32525; 
 
    line-height: 35px; 
 
    text-align: center; 
 
    font-family: 'Source Sans Pro', sans-serif; } 
 

 
.single_point_text3 { 
 
    font-family: 'Source Sans Pro', sans-serif; 
 
    font-weight: 900; 
 
    font-size: 1rem; 
 
    text-shadow: 2px 2px #69696a; 
 
    line-height: 45px; 
 
    white-space: nowrap; 
 
    overflow: hidden; } 
 

 
.proto_div { 
 
    text-align: center; } 
 

 
#proto_img { 
 
    width: 105%; 
 
    height: auto; } 
 

 
.bbsect { 
 
    color: #d70d37; 
 
    padding: 35px 0px; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; } 
 

 
/* Part 5: Client Section */ 
 
.clientsect { 
 
    background: #052c5b url("http://transfers.calisepartners.com/TAXEASE/Visual_TEST/Lenders_Visual/Pictures/body_icons.png") no-repeat; 
 
    padding: 35px 0px; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; } 
 

 
.bottomgraphic { 
 
     background: url(http://transfers.calisepartners.com/TAXEASE/Visual_TEST/Lenders_Visual/Pictures/Pictures/bottom_icons.jpg); 
 
     background-position: center top; 
 
     background-repeat: no-repeat; 
 
     -webkit-background-size: cover; 
 
     -moz-background-size: cover; 
 
     -o-background-size: cover; 
 
     background-size: cover; 
 

 
} 
 

 
.bbsect { 
 
    background: #d70d37; 
 
    padding: 35px 0px; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; } 
 

 
.howitworkssect { 
 
    background: #eaeaea; 
 
    padding: 35px 0px; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; } 
 

 
.bold_text { 
 
    font-weight: bold; } 
 

 
.client_style1 { 
 
    font-size: 35px; 
 
    font-family: 'Source Sans Pro', sans-serif; 
 
    line-height: 40px; 
 
    color: #fff !important; 
 
    padding-bottom: 20px; }

Ich habe einen Link von meiner Zielseite. Link to Page

+0

Kapitalisierung Ausgabe auf "Bilder"? – circusdei

+0

Hilft es, wenn Sie versuchen, Hintergrundbild anstelle von Hintergrund zu verwenden? –

+0

@VrataBlazek Es hat nicht funktioniert. – Jharper

Antwort

0

Versuchen Schreiben:

background: url(/*your url*/); 
background-repeat: no-repeat; 

Statt background: url(/*your url*/) no-repeat;

Verwandte Themen