0

谁能告诉我为什么这个加载图像在 Chrome 中显示正常，但在 Internet Explorer 或 Firefox 中显示不正常？它应该只是正常浮动在页面上，但 Firefox 和 IE 似乎将它放在页面的开头。

网站：http ://thc-racing.ucoz.com/

HTML：

<div id="preload">Loading page... <img src="/design/loading.gif" /></div>

CSS：

div#preload {
    position: absolute;
    bottom: 40px;
    right: 50px;
    background-image: url('http://thc-racing.ucoz.com/design/loading-bg.png');
    padding: 8px;
    border-radius: 5px;
    border-style: solid;
    border-color: #d7d7d7;
    border-width: 1px;
    font-weight: bold;
    align: right;
}

谢谢

4

1 回答 1

0

答案是（可能）firefox 和 internet explorer 理解 div 的方式，我不得不用 table 替换 div，因为他们没有正确读取 CSS，所以这里是代码：

HTML：

<table id="preload"><tbody><tr><td style="padding:8px;">Loading page... </td><td style="padding:8px;"><img src="/design/loading.gif" /></td></tr></tbody><table>

CSS：

#preload { border-collapse: separate !important; position:absolute; bottom:40px; right:50px; font-weight:bold; background-image:url('/design/loading-bg.png'); border-radius:5px; border-style: solid; border-color:#d7d7d7; border-width: 1px; border-spacing: 0; }

现在一切正常，谢谢大家的帮助

于 2013-08-21T20:49:20.783 回答