問題タブ [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.
jquery - 配置されている場合、jqueryはテキストをフェードさせません:絶対;
フェードアウトしてフェードインしたい LI があります。リスト項目内にテキストがあります。このテキストは LI 内に完全に配置されます。
問題は、IE8 (IE6 と 7 は問題ないようです) では、テキスト以外のすべてをフェードさせることができるということです。
テキスト要素 (この場合は P) の絶対位置を削除すると、IE8 はテキストを適切にフェードできます。
これがなぜなのか知っている人はいますか?誰でも修正を知っていますか?
アップデート:
テキストが配置されている場合、これは IE8 の一般的な問題のようです。したがって、厳密には絶対ではありません。これは、cleartype のフェード バグによるものだと思います。
javascript - Google Maps Info Box - マップ コンテナの外に存在できますか?
私はグーグルマップを持っています、本当に標準運賃です。それは非常に小さく、マーカーのポップアップ情報ウィンドウは非常に大きいので、私の質問は、これらのポップアップ ウィンドウがマップの端から実際の Web サイトに飛び出す可能性はありますか? (例については、危険なフォトショップの仕事を参照してください)。
代替テキスト http://dotcafedesigns.com/stuff/box-breakout.png
ありがとう!
html - フロート画像上のテキスト
ギャラリー内の一連の画像の上にテキストを配置する必要があります。テキスト部分に関するチュートリアルをたくさん見つけましたが、画像をフロートさせる必要があります。float:leftを追加するたびに、トリックは機能しなくなります。私のコード(簡潔にするためにインラインのcss):
このように画像は上下に並んでいますが、私が言ったように、他のすべてを壊さずにそれらを浮かせる必要があります。
css - CSS Rotation & IE: 絶対配置が IE を壊すようです
さまざまなテキストブロックを回転させて縦向きにし、プレビューしてから印刷するダイアグラム上の非常に特定の場所に配置しようとしています。CSS は、IE、FF、さらには Opera でもテキストを非常にうまく回転させます。
しかし、回転した要素を配置しようとすると、IE 7 & 8 (6 については心配していません) は完全に壊れ、要素は元の位置にとどまります。これを回避する方法はありますか?これらのラベルが配置されている場所をピクセル単位で制御する必要があります。
HTML
CSS
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:
javascript - 要素の位置を絶対に変更するにはどうすればよいですか?
絶対位置を使用して画像を移動しながら、ページを任意の解像度の中央に配置しようとしています。最善の方法は、テーブルをページの中央の比較的最初に配置してから、ページの絶対位置に変更することだと思いonload
ます。正しい行は次のとおりです。
しかし、オブジェクトの左側がどこにあるかを尋ねた後、アラートボックスを配置しましたundefined
。しかし、それを位置(Object.style.left = 500
)に直接割り当てると、その番号が得られます。したがって、絶対位置にあるという意味で値を割り当てることはできますが、そこから値を引き出すことはできません。
css - Internet Explorer 7 - 絶対位置 - ドロップダウン メニュー
以下の URL にドロップダウン メニューを配置するのに大きな問題があります (Internet Explorer 7 の問題のみ)。
メニューにカーソルを合わせると、画像の後ろにドロップダウンが表示されます。これは IE8 や Firefox では発生せず、IE7 でのみ発生します。私が気付いていない特定のバグに関連しているに違いないと思います。解決策が見つかりません。
よろしくお願いいたします。
jquery-ui - jQuery ダイアログの幅のサイズ変更の問題
AJAX で HTML コードを jQueryUI ダイアログに読み込もうとしています。コード自体はリストであり、リストが 2 つの列を持つテーブルのように見えるように、右端の要素を絶対的に配置する必要がありますが、一部の行のみです。問題は、jQueryUI プラグインがダイアログの幅を正しくサイズ変更していないように見えることです。これは、いくつかの li の絶対配置が原因だと思います。他の同様の質問に対するいくつかの回答を読みましたが、これで私を助けてくれるものはありませんでした。
これは私がロードするコードです:
そしてDialogコンストラクタ:
ご提案いただきありがとうございます。
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
質問
_previewable
マウスがまだの境界内にあるのに、なぜmouseoutが呼び出されるの_previewable
でしょうか。<span>
絶対に配置されているからですか?<span>
各AJAXテーブルの参照でクリックハンドラーを再作成せずに、これを機能させるにはどうすればよいですか?