【发布时间】:2017-03-09 02:06:30
【问题描述】:
我正在创建一个着陆页,当我在 litmus 中测试我的着陆页时,它显示我的背景图片丢失。
奇怪的是,我的其他背景图片显示在 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; }
我添加了我的登录页面的链接。 Link to Page
【问题讨论】:
-
“图片”的大小写问题?
-
尝试使用 background-image 代替背景是否有帮助?
-
@VrataBlazek 没用。
-
请提供Minimal, Complete, and Verifiable example。只有半个声明块,这个问题几乎无法调查
-
可能是某个地方的错字。创建一个只有背景图片的页面,看看它在 IE 中是否有效。
标签: html css background-image internet-explorer-11 internet-explorer-10