html - Textareaが正しく機能していません

Question

テキストエリアがありますが、下部にあるクリック（入力を開始できるようにするため）しかできません。ただし、テキストは適切な場所に表示されます。

ウェブサイトはここで見つけることができます：http：//ibdesigns.net23.net/。

問題は、「リクエスト」というラベルの付いたフィールドの「連絡先」サークルにあります。一番下のテキストエリアをクリックすることしかできません。

Answer 1

円のdivがテキストエリアをカバーしています。

#circles {
width: 940px;
height: 180px;
left: 10px;
position: absolute;
top: 155px;
}

円の幅を減らすdiv

Answer 2

ほとんどのの上に浮かんでdivいるid「円」のあるがありtextareaます。一見、div何もしていないように見えますが、ページで動的に使用される可能性があると思われるものがいくつか含まれています。

邪魔divにならないようにスタイリングすれば大丈夫です。

参考までに、ブラウザのデバッグツールを使用すると、このようなものを簡単に見つけることができます。Safariで「問題領域」を右クリックし、「要素の検査」を選択しました。ブラウザは私にdivを表示し、それを強調表示して、それに関連するすべてのCSSを表示しました。

Answer 3

または、次を追加することもできます。

textarea {
    z-index: 1000000;
    ...
}

Answer 4

あなたの問題はDivでもCircleでもありません。CSSにいくつかの変更を加えると、これが修正されるはずです。

#selected {
    width: 78px;
    height: 66px;
    top: 18px;
    background: #CCC;
    position: absolute;
    margin-left: 578px;
    border-radius: 36px;
}

これを機能させるには、Firefoxプラグインのカラーピッカーを使用して背景色を選択できます。そのdivに背景画像を使用せず、それに半径を追加します。これはあなたの問題を解決するはずです

Answer 5

テキストエリアの上に絶対に配置された<div id="circles">があり、テキストエリアの上部でクリックをインターセプトします。