javascript - クリックできない入力フィールド

Question

http://student.howest.be/sylvain.vansteelandt/fedex/を確認してください。[Create a shipping] をクリックすると、最初の 4 つの入力フィールドがクリックできないことがわかります。これはどのように可能ですか？

Answer 1

要素を調べると、次のように表示されます。

<div class="eid_1377803337429_delivery_streetfield_id" style="position: absolute; margin: 0px; left: 250px; top: 165px; width: 248px; height: 24px; right: auto; bottom: auto; font-family: source-sans-pro,sans-serif; font-size: 16px; color: rgb(255, 255, 255); font-weight: 300; text-decoration: none; font-style: normal; text-align: left; opacity: 0; display: block;" id="eid_1377803337429_delivery_streetfield">
    <input class="createinput" id="delivery_streetinput" size="20" style="font-family:source-sans-pro" type="text">
</div>

不透明度が 0 に設定されている div に注目してください。

opacity: 0;

あなたはまだボックスに入力しています。入力してみて、次の画面に進んでください。そこにあります。opacity: 0 のため、見えません。これを 0 ではなく 100 にすると、正常に動作します。