-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 に答える