求帮忙修复网页的Footer在IE中的显示

2011-07-14 15:18:49 +08:00
 Semidio
地址: http://www.semidio.com/
在Chrome显示的效果是和我想的是一样的,可是在IE9下,效果就变样了,求解。
顺便要是有人帮忙写一下兼容版的代码就好了,谢谢。
效果示意图: http://goo.gl/TfzZR
4935 次点击
所在节点    问与答
9 条回复
sparanoid
2011-07-14 15:59:38 +08:00
图片的属性上,position: absolute; 后面加上 left: 45px;
GordianZ
2011-07-14 16:01:46 +08:00
@sparanoid 哇,你哪来的IE? 还是说你已经NB到了用人脑渲染了么?! =。=
sparanoid
2011-07-14 16:03:43 +08:00
@GordianZ 嗯,大脑内置 IE Inspector!
gastlygem
2011-07-14 17:09:56 +08:00
改吧改吧,FF中的显示和IE中是一样的……
Semidio
2011-07-14 19:27:58 +08:00
@sparanoid WordPress的Logo是显示对了,可是后面的CloudFlare的badges依然显示不出来

代码:<script type='text/javascript' src='http://ajax.cloudflare.com/cdn-cgi/scripts/cf_status.js'></script><a href='http://www.cloudflare.com' style='position:relative;width:110px;height:32px;left:150px;'><img src='http://ajax.cloudflare.com/cdn-cgi/images/seal/standard/110x32.png' style='position:absolute;clip:rect(0px,110px,32px,0px);border:0;' onload='try{window.__CF.checkStatus(this)}catch(e){}' /></a>

同时,在IE里Read-more的Background图片显示不出来,CSS代码如下
p.read-more{position:absolute;top:168px;left:0;background:url(images/read-more-arrow.png)
Semidio
2011-07-14 19:28:23 +08:00
@gastlygem 手头上没有FF,不用好多年了,现在全是Chrome
Xi
2011-07-14 20:48:00 +08:00
试试
style='position:absolute;width:110px;height:32px;left:90px;'
benzhe
2011-07-14 21:18:09 +08:00
<div style="float:left;height:66px;vertical-align:bottom">
图片
</div>
<div style="float:right;height:66px;vertical-align:middle">
文字
</div>
Semidio
2011-07-14 22:48:40 +08:00
@Xi @benzhe Thx,搞定了,IE,Chrome显示都没有问题了,要是能帮忙看看FF有没有问题就好了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/15740

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX