IE10和IE11中沒有顯示背景圖片

Question

我正在創建一個登錄頁面，當我在石蕊中測試登錄頁面時，它會顯示背景圖像丟失。

奇怪的是，我的其他背景圖像都出現在IE10和IE11中。

我添加了更多代碼，因此可以更輕松地提供解決方案。

 /* 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; } 

我添加了目標網頁的鏈接。 鏈接到頁面

Answer 1

嘗試寫作：

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

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