我有一个页脚图像,该图像未在IE8、9和10上显示,但在其他浏览器上显示,尽管搜索了答案也无法弄清原因。
我是新来的,所以我的代码中可能存在明显的错误,但是如果有人可以提供答案,我将非常感激。
代码是:
.ffooterimage {
position:relative;
height:325px;
max-width:100%;
}
.fabsolute {
width:150px;
height:200px;
position:absolute;
display:block;
left:50%;
margin-left:-550px;
}
#fposition {
width:500px;
height:0px;
position:relative;
display:block;
left:50%;
margin-left:-70px;
top: -110px;
bottom: 0px;
font-size: 13px;
}
#flonglinks {
position: relative;
width:600px;
height:0px;
display:block;
left:50%;
margin-left:-70px;
top: -25px;
font-family: "UbuntuRegular",Verdana, Geneva, sans-serif;
font-size: 11px;
}
#linksleft {
position: relative;
width:300px;
height:0px;
position:relative;
display:block;
left:50%;
margin-left:-620px;
top: -100px;
font-family: "UbuntuRegular",Verdana, Geneva, sans-serif;
font-size: 13px;
}
ul li {
list-style-type: none;
}
<!-- FOOTER BEGINS -->
<div class="ffooterimage">
<div class="fabsolute"><img src="/images/website-footer.jpg" alt="" height="px"/></div></div>
<div id="fposition">
Company info here
</div>
<div id="flonglinks"><p><a href="/Home/Privacy"style="color:black;" >Privacy </a>| <a href="/Home/Disclaimer"style="color:black;">Disclaimer</a> |<a href="/Home/Contact"style="color:black;"> Contact us</a> | <a href="Complaints-Procedures.pdf" style="color:black;">Complaints </a> | <a href="/logbook-loans-london"style="color:black;">London</a> | <a href="/logbook-loans-manchester"style="color:black;">Manchester</a> | <a href="/logbook-loans-sheffield"style="color:black;">Sheffield</a> | <a href="/logbook-loans-liverpool"style="color:black;">Liverpool</a></p>
<div id="linksleft">
<ul>
<li><a href="http://www.example.com">Example</a>
<li><a href="http://www.example.com" style="color:black;">Example</a>
<li><a href="http://www.example.com" style="color:black;">Example link</a>
<li><a href="http://www.example.com" style="color:black;">Example link</a>
<li><a href="http://www.example.com" style="color:black;">Example link</a>
<li><a href="http://www.example.com" style="color:black;">Example link</a>
</ul>
</div>
</div>
<!-- FOOTER ENDS -->
只需height="px"
在img标签中删除
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句