問題タブ [css-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
6402 参照

jquery - 配置されている場合、jqueryはテキストをフェードさせません:絶対;

フェードアウトしてフェードインしたい LI があります。リスト項目内にテキストがあります。このテキストは LI 内に完全に配置されます。

問題は、IE8 (IE6 と 7 は問題ないようです) では、テキスト以外のすべてをフェードさせることができるということです。

http://jsbin.com/esamu/13

テキスト要素 (この場合は P) の絶対位置を削除すると、IE8 はテキストを適切にフェードできます。

http://jsbin.com/esamu/14

これがなぜなのか知っている人はいますか?誰でも修正を知っていますか?

アップデート:

テキストが配置されている場合、これは IE8 の一般的な問題のようです。したがって、厳密には絶対ではありません。これは、cleartype のフェード バグによるものだと思います。

0 投票する
5 に答える
1296 参照

javascript - Google Maps Info Box - マップ コンテナの外に存在できますか?

私はグーグルマップを持っています、本当に標準運賃です。それは非常に小さく、マーカーのポップアップ情報ウィンドウは非常に大きいので、私の質問は、これらのポップアップ ウィンドウがマップの端から実際の Web サイトに飛び出す可能性はありますか? (例については、危険なフォトショップの仕事を参照してください)。

代替テキスト http://dotcafedesigns.com/stuff/box-breakout.png

ありがとう!

0 投票する
1 に答える
227 参照

html - フロート画像上のテキスト

ギャラリー内の一連の画像の上にテキストを配置する必要があります。テキスト部分に関するチュートリアルをたくさん見つけましたが、画像をフロートさせる必要があります。float:leftを追加するたびに、トリックは機能しなくなります。私のコード(簡潔にするためにインラインのcss):

このように画像は上下に並んでいますが、私が言ったように、他のすべてを壊さずにそれらを浮かせる必要があります。

0 投票する
1 に答える
4426 参照

html - これの何が問題になっていますか

フェードが必要な場合は、次のCATransitionを使用できます。

#import <QuartzCore/QuartzCore.h>フレームワークをリンクすることを確認してください。サブレイヤーを追加または削除する直前に、このブロックを呼び出します。

0 投票する
3 に答える
28439 参照

css - CSS Rotation & IE: 絶対配置が IE を壊すようです

さまざまなテキストブロックを回転させて縦向きにし、プレビューしてから印刷するダイアグラム上の非常に特定の場所に配置しようとしています。CSS は、IE、FF、さらには Opera でもテキストを非常にうまく回転させます。

しかし、回転した要素を配置しようとすると、IE 7 & 8 (6 については心配していません) は完全に壊れ、要素は元の位置にとどまります。これを回避する方法はありますか?これらのラベルが配置されている場所をピクセル単位で制御する必要があります。

HTML

CSS

0 投票する
1 に答える
952 参照

css - DIV のピラミッド

4 つの DIV で構成されるピラミッドを構築しようとしています。レイアウトは次のようになります。

さらに、中央の DIV (#3) から始まり、さらに #1、#2、または #3 のいずれかを含む 3 つの追加 DIV が必要です。これらの DIV は、後で jQueryUI を使用してスライド効果を構築するために使用されます。#1、#2、#4 が #3 から滑り落ちるように見えるはずです。

DIV 間のマージンは 2 ピクセルと想定されています。また、ブロック全体を中央に配置したいと考えています。

表示があっても: インライン; および位置: 絶対; 表示および非表示の DIV で有効にすると、レイアウトが正しくなりません。いくつかの負のマージンを使用しましたが、最初に問題ないように見えたときに、トップ DIV が html 本文の外側に配置されていることがわかりました。

私が望むものを達成するためのよりシンプルでエレガントな方法があると思います。

この特定の問題、または私の CSS を改善する可能性のある何かに関するあらゆる種類のアドバイスは大歓迎です。前もって感謝します

セバスチャン

ここに私がこれまでに持っているものがあります:

HTML:

CSS:

0 投票する
1 に答える
734 参照

javascript - 要素の位置を絶対に変更するにはどうすればよいですか?

絶対位置を使用して画像を移動しながら、ページを任意の解像度の中央に配置しようとしています。最善の方法は、テーブルをページの中央の比較的最初に配置してから、ページの絶対位置に変更することだと思いonloadます。正しい行は次のとおりです。

しかし、オブジェクトの左側がどこにあるかを尋ねた後、アラートボックスを配置しましたundefined。しかし、それを位置(Object.style.left = 500)に直接割り当てると、その番号が得られます。したがって、絶対位置にあるという意味で値を割り当てることはできますが、そこから値を引き出すことはできません。

0 投票する
1 に答える
1080 参照

css - Internet Explorer 7 - 絶対位置 - ドロップダウン メニュー

以下の URL にドロップダウン メニューを配置するのに大きな問題があります (Internet Explorer 7 の問題のみ)。

http://tinyurl.com/y7v2qj9

メニューにカーソルを合わせると、画像の後ろにドロップダウンが表示されます。これは IE8 や Firefox では発生せず、IE7 でのみ発生します。私が気付いていない特定のバグに関連しているに違いないと思います。解決策が見つかりません。

よろしくお願いいたします。

0 投票する
1 に答える
1288 参照

jquery-ui - jQuery ダイアログの幅のサイズ変更の問題

AJAX で HTML コードを jQueryUI ダイアログに読み込もうとしています。コード自体はリストであり、リストが 2 つの列を持つテーブルのように見えるように、右端の要素を絶対的に配置する必要がありますが、一部の行のみです。問題は、jQueryUI プラグインがダイアログの幅を正しくサイズ変更していないように見えることです。これは、いくつかの li の絶対配置が原因だと思います。他の同様の質問に対するいくつかの回答を読みましたが、これで私を助けてくれるものはありませんでした。

これは私がロードするコードです:

そしてDialogコンストラクタ:

ご提案いただきありがとうございます。

0 投票する
2 に答える
4690 参照

jquery - 絶対位置のdivでマウスオーバーがトリガーされました

目的

テーブルセルにカーソルを合わせると、テーブルセルの右上隅に小さな虫眼鏡アイコンが表示されます。虫眼鏡アイコンの上にマウスを置いてクリックすると、ダイアログウィンドウが開き、その特定のテーブルセル内のアイテムに関する詳細情報が表示されます。毎回再作成せずに、同じアイコンを何百ものテーブルセルに再利用したいと思います。

部分的な解決策

<span>絶対に配置され、隠されているシングルを持っています。_previewableテーブルセルにカーソルを合わせると、が<span>正しい場所に移動して表示されます。これ<span>もDOM内で移動され、_previewableテーブルセルの子になります。これにより、に接続されたクリックハンドラーが親<span>を検索し_previewable、ダイアログのコンテンツを設定するために使用されるjquery data()オブジェクトから情報を取得できるようになります。

これが私のHTMLの非常に単純化されたバージョンです:

そしてこのCSS:

このjQueryコードを使用すると:

問題

このソリューションは、テーブルの内容がAJAXを介して再ロードまたは変更されるまで完全に機能します。<span>はからセルの子になるように移動されたため<body>、AJAX呼び出し中にスローされて置き換えられます。したがって、私の最初の考えは、次の<span>ように、テーブルセルのマウスアウトで本体に戻ることです。

ただし、これにより、<span>マウスオーバーするとすぐに消えます。がテーブルセルの子であり、テーブルセルの境界内に完全に表示されている場合でも_previewable、マウスがに移動すると、mouseoutイベントが呼び出されるようです。現時点では、これはChromeでのみテストしています。<span><span>_previewable_previewable

質問

  1. _previewableマウスがまだの境界内にあるのに、なぜmouseoutが呼び出されるの_previewableでしょうか。<span>絶対に配置されているからですか?

  2. <span>各AJAXテーブルの参照でクリックハンドラーを再作成せずに、これを機能させるにはどうすればよいですか?