問題タブ [overlap]

グラフではプロットが重なっていますが、同じ軸の画像では重なっていないという奇妙な問題があります。

私はどこかにホールドを残していないと確信しています。そうしないと、画像自体にも重なってしまいます。

編集:青い重なった線を取り除きたいのですが、その写真に青い線を1つだけ表示したいです。

ここにサンプルがあります：

（注：黒の画像はRGB画像ですが、その気圧をプロットしていないため、グラフ上で黒から白への移行を意味しています。）

代替テキスト http://img541.imageshack.us/img541/3212/parabolaaaa.png

コードの一部:

何か案は？

Blueprint CSS フレームワークを使用していますが、重複する div を作成する方法を知りたいです。相対的に配置された div 内で絶対配置された div を使用しようとすると、ブループリントによる div の残りのスタイリングが台無しになります。これを行う正しい方法は何ですか？

以下のような 2 つの重複する div が必要です。

問題は、オーバーラップを取得できないことです。どこが間違っていますか？

編集 1: topx はタイプミスでした。修正しました。

私のCSS-fuは、ここで私を失望させています。私がやりたいのは、2つの子div（可変の高さ）をオーバーラップするように配置することです。

親をに設定して、 ：を使用position: absolute; top: 0px; left: 0px;することが私が知っている唯一の方法position: relativeです。

これに伴う問題は、CSS仕様に従って子divがレイアウトから削除され、親divが高さ0pxに縮小されるため、そのdivをクリアして、下にコンテンツを配置できないことです。

以下の私の驚くべきASCIIアートは、私が何をしようとしているのかを詳しく説明しています...何かアイデアはありますか？

余談ですが、スムーズなjQueryフェードのために、これらのdivを正確にオーバーラップさせる必要があります。また、Appleのカードフリップデモである新しいWebkitトランスフォームのいくつかを試してみる必要があります： https：//developer.apple.com/library/archive/samplecode/ CardFlip / Introduction / Intro.html

CSSでそれらを正確にオーバーラップさせる別の方法がある場合、および/または可変の高さの2つの子divを使用してカードフリップのようなアクション（jQueryまたはWebkit / CSSを使用）を取得する別の方法がある場合、私はすべての耳です！

そもそもコードがありません。

重なり合う2つのdivを追加してから、新しいCSS3回転機能を使用したいと思います。作成したいエフェクトをこのページに表示します

要件

• 画像を使いたくない
• CSS3を使用してもかまいません
• 全体を中央に揃えるのは簡単なはずです（これにより、position：absolute;が使いにくくなります）。
• ボックス化されたコンテンツの下のコンテンツになります（これにより、position：absolute;の使用が難しくなります）。
• あまり多くの位置がなくても可能であれば：絶対; それは良いです。
• 私はテーブルフリーのソリューションを好みます。

楽しむ！

2D空間に配置したい長方形の要素がいくつかあります。各要素の理想的な位置を計算します。今私の問題は、理想的な位置が1つの領域に集中していることが非常に多いため、多くの要素が重複していることです。オーバーラップはできるだけ避けたいです（ただし、完璧である必要はありません）。これどうやってするの？

物理シミュレーションがこれに適していると聞きましたが、それは正しいですか？そして、誰かが例/チュートリアルを提供できますか？

ちなみに、私はXNAを使用しています。この仕事を正確に実行する.NETライブラリを知っている場合は、教えてください。

私はいくつかのレイヤーを持つトリッキーなデザインに取り組んでおり、別のコンテナー内の他の 2 つの重複する div の間に div をレイヤー化する必要があります。これは、Firefox では動作しますが、IE6 では動作しない単純な例です (もちろん、これはクライアントが選択したブラウザーです): http://dawnup.com/sandwich

ソース：

これを IE6 で動作させるための秘訣はありますか? それとも、このような重複は不可能ですか？

前もって感謝します

解決しようとしている問題の詳細については説明しませんが、大きな文字列を扱い、文字列内に存在する重複する間隔を見つける必要があります。重複する間隔の 1 つしか使用できないため、これらの間隔を分離して個別に分析したいと考えました。これをできるだけ効率的に行うには、どのアルゴリズムを使用すればよいか考えていました。

ここではスピードが最優先であることを強調しなければなりません。できるだけ早く間隔を区切る必要があります。頭に浮かんだアルゴリズムは Interval Tree でしたが、それが最善かどうかはわかりませんでした。

間隔ツリーは O(log n) 時間でクエリできます。n は間隔の数であり、構築には O(nlog n) 時間が必要ですが、いずれかを削減できるかどうか知りたいと思っていました。

ありがとう！

編集：質問があいまいであることは知っています。混乱をお詫び申し上げます。Aaron Huran の回答とそれに対するコメントを参照することをお勧めします。それは物事をより明確にするのに役立つはずです。

Facebook のステータス入力のような類似の入力は用意されていますか? つまり、彼らは contenteditable div を使用しており、それをすべてかなり適切にラップしています。彼らはそれを（フォーカス/ぼかしで）サイズ変更でき、単語の折り返しと展開を続けます。また、入力にラップできない非常に長い単語を入力すると、div内にとどまり、他の単語と重なりません近くの要素..

contenteditable divでこれら2つのことを行うのを手伝ってください。または、準備ができていることを知っている場合は共有してください。

ありがとう。

PS私は怠け者ではなく、自分でやろうとしました。オーバーラップを止めることにほぼ成功しましたが、高さのサイズ変更後に div を contenteditable (word-wrap、expandable) のままにすることはできませんでした。また、Facebook がどのようにそれを行っているかを自分で理解しようと考えましたが、初心者が自分のコードを理解するのは非常に困難です。

True Type フォントを表示するアプリがあります。重複する可能性のある 2 つの文字 (ヒンディー語など) を組み合わせる必要がある場合があります。2 つのフォント アウトラインが重なったことを検出し、2 つのアウトラインを 1 つにマージするアルゴリズムが必要です。