2

重複の可能性:
IE で z-index をクリックしてもアクセスできないテキスト入力

このリンクをたどると、ドラッグ可能な画像の上にあるdiv内にテキストボックスを表示しようとしていることがわかります。

http://jsfiddle.net/N87CX/27/

2 つの問題があります

  1. IE 8 では、テキスト ボックス内をクリックできません。
  2. また、div のサイズを変更すると、テキスト ボックスのサイズに問題が発生し、親 div からはみ出してしまいます。

これらの問題の両方を解決するように、これをpeoperlyに再構築できますか?

ありがとう。

4

3 に答える 3

0

同様の問題がありました-> IE8テキストボックスは編集できませんでした（アプリのラッパーにposition:absoluteがある場合）。クリックは境界線でのみ機能しました。色と透明で塗りつぶされても機能しませんでした。この doctype の変更により、問題は修正されました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ソース: http://www.codingforums.com/showthread.php?p=1173375#post1173375

于 2011-12-23T16:45:57.940 に答える
0

IE には、入力とテキストエリアの透明な背景に関するバグがあります。回避するにはtransparent.gif、背景に a を使用するのが最善です。

次にtextarea、親 div に明示的な高さがある場合でも、IE は の 100% (または任意のパーセント) の高さを受け入れないことがわかりましたが、textareaすべての高さを設定すると、うまく表示されます

例：こちら

高さを行の高さの少なくとも 2 倍にするか、スクロールが乱雑に見えるようにする方が良いことがわかりました (少し箱から出してしまいます)。また、inDragDivヘッダーの下にデフォルトで配置できるようにから配置を削除しました。負のマージンを使用して修正したIE7以下.. IE7では、配置がそれを取り、テキストエリア) タイトになりました.. それでも絶対配置を使用したい場合は、left: 0;プロパティを明示的に宣言する必要があります

于 2011-05-03T08:46:21.500 に答える
0

これは非常に興味深い問題です。

IE8 に関する最初の部分は、テキスト領域内の透明な背景に問題があるように見えます。背景に色を適用すると、期待どおりにテキスト領域にアクセスできます。これをもう少し興味深いものにするために、デフォルトのテキストを追加すると、このテキストが既に存在するテキスト領域にのみアクセスできます。

そのため、IE 7 および IE 8 が透明な背景をどのように処理/作成するかを調査することをお勧めします。そして、それが本当に透過的である必要があるかどうか疑問に思うかもしれません (簡単な方法が必要な場合)。

親 div にまたがる div について言及した 2 番目の問題は、親 div に追加overflow: hiddenすることで修正できます。この場合は、#dragDivcss 内の項目に追加する必要があります。これは、div 内でフローティング要素を使用する場合によくあるケースです。フローティング要素とそれらのクリア ( clear: both) について詳しく読む必要があります。これは、正しく処理しないと非常に多くの問題の原因となるためです。

それが少し役に立てば幸いです。最初の問題の原因が見つかったかどうかを知りたいです!

于 2011-05-03T00:08:29.410 に答える