-2

我目前有一个奇怪的跨浏览器问题。

2.5 秒后，一个表单进入。这在 IE 和 Chrome 中运行良好，但不知何故它在 FF 中不适用。这是 HTML 部分

<div id="holder"><a href="javascript:void(0);" id="main"></a></div><div id="dropDiv"><form>
<input class="geld-input" type="text" name="email" value="Vul hier je e-mail in en krijg direct toegang tot de geheime pagina..." value="Vul hier je e-mail in en krijg direct toegang tot de geheime pagina..." onclick="if(this.value=='Vul hier je e-mail in en krijg direct toegang tot de geheime pagina...')this.value='';this.focus();" onblur="if(this.value=='')this.value='Vul hier je e-mail in en krijg direct toegang tot de geheime pagina...';" tabindex="501"  /><input class="geld-submit" type="submit" value="Krijg Direct Toegang" /></form></div></div>

这是CSS部分：

#holder { position: absolute; top: 550px;  margin:0 auto; width:100%; display: inline-block;}
#dropDiv {
 display: none;
 position: absolute;
 top: -20px;
}

现在，如果我删除#holder div 上的“display:inline-block”部分，那么它可以在 FF、IE 中工作，但不能在 chrome 中工作。

如果你想查看完整的源代码：http ://www.luukratief.com/lander

有人能告诉我要怎么做这个跨浏览器吗？

4

1 回答 1

1

您没有left在#holder. 这意味着使用了静态位置，但规范并没有完全定义在各种边缘情况下是什么。此外，浏览器的计算方式不同，具体取决于最容易实现的方式，因为规范并没有定义行为。

您可能想做类似left: 0.

于 2013-03-14T01:52:05.000 回答