問題タブ [sliding-doors]

次のサンプルフォームコードとCSSスタイルシートが与えられます

形

css

IE8の互換モード（IE6）でこれを表示すると、ボタンは正しくレンダリングされますが、テキストの左右に「空白」のスペースが表示されます。ハイパーリンクは正しくレンダリングされます

ネイティブIE8モードに戻すと、ボタンはハイパーリンクと同じくらい長く正しくレンダリングされますが、引き戸にわずかなずれがあり、右側の部分が1ピクセル下にシャントされているように見えます

次に、ブロックの配置を削除してパディングを調整すると、完全にレンダリングされます（ただし、ハイパーリンクは表示されなくなります）

しかし、それをIE6モードに戻すと、さらに醜くなります

フォームのハイパーリンクではなく、ボタンを使用しようとしていますが、配信されたCSSスタイルから、さまざまなIEバージョン間でハイパーリンクのみが完全にレンダリングされます。

ボタンのIE6レンダリングに余分なスペースがあるのはなぜですか？IE8モードに戻ったときに、ピクセルがずれて表示されるのはなぜですか。また、どのように並べ替えることができますか？それとも解決できないのですか？

引き戸の2つのgifの下。

私はこのようなスライド効果を探しています：http ：//www.piccante.co/sliding-doors/index.htm

しかし、それはMooTools用であり、非常に素晴らしくスムーズな動きを持つjqueryバージョンが必要です。

そのようなプラグインを提案してもらえますか？

この記事を読んで試してみました（Core Animationを使用してドアを開く効果）

そして、アプリに次のコードを実装します。

threeHomeViewはUIImageViewです。

私の質問は、画像は画像の中央の垂直線でのみ回転できますが、画像の左の垂直線で回転させたいです。

もともと IE7 を対象として設計された Web アプリケーションがあります。CSS を再調整して、最新バージョンの Chrome でアプリを表示できるようにしています。サイト全体でスライド ドアの入力ボックスの位置がずれている問題を修正しましたが、IE7 と Chrome の両方でスライド ドアを位置合わせできないページが 1 つあります。セットアップは非常に簡単です。

この場合、スパンは引き戸の左側のキャップを保持し、入力は右側のキャップと本体を保持します。スパンと入力の両方を、同じ高さでマージンやパディングのないインライン ブロックとしてスタイル設定しました。Chromeはそれを釘付けにし、見た目は素晴らしいですが、IE7は次のように入力をスパンより1ピクセル低くレンダリングしています:

画像を投稿するには、より多くの評判が必要です

入力に ​​-1px の上余白を追加すると、IE7 は正しくレンダリングし、Chrome はずれてレンダリングします。このインスタンスを、IE7 と Chrome の両方で動作するアプリ内の他のすべての引き戸入力と比較してみましたが、ここで何が違うのか、一生わかりません....

このような問題に遭遇したことのある人はいますか?

サイドバーのナビゲーションリスト用に丸みを帯びたボックスを作成しています。私が抱えている問題は、引き戸の下部として機能する非常に長い部分的に透明な画像を作成したことですが、どの要素を背景として設定しても、拡張したくないようですタグの背景として使用される場合は、リスト全体で適切に開始および停止します。以下のコードを提供しました：

CSS：

HTML：

誰もがそれらを並べる方法を知っています、両方の画像は丸い側面で透明です。

。

これが私のコードです。アクティブは単に発火しません

これはhtmlです：

アイデアはありますか？

スライド ドア効果を使用して可変幅のコンテンツ ボックスを表示しています。効果は問題なく動作しますが、問題は、効果を作成するために必要なパディング ライトがコンテンツ領域の一部を占有することです。

http://screencast.com/t/s9dTT1wU

グラフィックの左端から右端までコンテンツが必要です。古い IE をサポートする必要があるため、負のマージンを使用できません。テキストだけでなく、内部に完全な HTML コンテンツが必要なため、text-indent も使用できません。CSS は次のとおりです。

マークアップは次のとおりです。

スライドドアのこの欠点について誰も議論していないことに驚いた。これに対する合理的なクロスブラウザ ソリューションはありますか?

次のようなマークアップがあります。

CSS：

送信ボタンのコードはバックエンドによって生成されますが、変更することはできませんが、spansとdivsはテンプレートの一部であるため編集可能です。問題をよりよく示すために、単純なグラフィックを使用して簡単な例を作成しました：http: //jsfiddle.net/UBS3z/

divは引き戸の左側を保持し、幅は約10ピクセルです。スパンには、テキストの左側に配置されるアイコンがあります。最後に、送信ボタン自体があります。

問題は、視覚的には問題ないように見えますが、ユーザーが左側の引き戸または画像が表示されている領域をクリックしたときに、ボタンがクリックを記録しないことです。ボタンの巨大なチャンクはクリックできないので、これは非常に悪いです！これは、ボタンをクリックすることで示されます。クリックが登録されている場合、スクリプトはコンソールにログを記録します。

CSSを使用してこれらの領域をクリック可能にする方法はありますか？これはJavascriptを使用して解決できるかもしれないと思いますが、CSSソリューションをお勧めします。

引き戸のテクニックを使って、ナビゲーションメニューを作ろうとしています。私のサイトは右から左に配置されています。

右から左に並べて、それを機能させる方法を知っている人はいますか？