css-position

1熱

3答えて

ギャラリーのスライドショーをランダムに作成しようとしています。私はページ上に2枚の画像を持っています。「前」と「後」です。数秒ごとにタイマーを設定して、バック画像を前面に移動し、新しいバック画像をロードします。私は基本的にコード内のイメージオブジェクトを交換することでこれをやっています。逆画像が正面画像になるので、正面画像を逆にしながら、不透明度0から不透明度1に徐々にフェードインします。次のよ

2熱

1答えて

位置指定されたアイテムによってmax-widthが無視されないようにするにはどうすればよいですか？

特定の要素を配置する必要があるホバーメニューがありますが、テキストを最大幅まで拡大することができません。ちょうどそれ自身を最小幅に設定します。私は例としてmax-widthを非常に大きなものに設定しましたが、Pagesサブメニューで無視されていることがわかります。 liで相対位置を削除したようですが、テキストは折り返して表示されますが、それは自分のメニューに影響します。 ul {

1熱

5答えて

固定された高さのコンテナに要素を垂直にセンタリングする

私はピクセルベースのナビゲーションバーが必要なウェブサイトを持っています - この場合はheight: 80pxです。問題は、ulとli要素を垂直方向に配置することができないということです。私は、私のjsfiddleに示されているようにtop:50%; transform: translate(0,-50%)を試していますが、フレックスポジショニングもしていますが、どれもうまくいきませんでした

-1熱

2答えて

相対的な位置のdivをオーバーフローの外に移動div隠しdiv

私はdivをオーバーフローさせるdivを移動する必要があります。私はそのページでいくつかのプラグインを使用しています。だからdivsの注文を変更することはできません。私は青と赤のボックスの上に緑のボックスを移動したい。私は解決策があることを願っています。 https://jsfiddle.net/bigboytr/zssub946/ 重要な注意：私は、プラグイン、親のdivの位置属性を変更した場合

0熱

1答えて

なぜcss translate3d transformは相対配置要素として動作していますか？

以下のフィドルでは、<a>タグのLOGOは、layoutDiv div内に絶対配置されています。-webkit-transform: translate3d(0,0,0); cssが 'modern'クラスで適用されています。 https://jsfiddle.net/gurumvg/ubj98j6d/4/ layoutDiv DIVは<a>タグロゴが絶対w.r.t layoutDiv DIV代わ

0熱

1答えて

スクロール可能なポップアップボックスを作る方法は？

https://codepen.io/anon/pen/dWaWor 「作成プロセス」ボタンをクリックすると、ライトボックス内をスクロールできません。ライトボックスは固定された位置にあります。なぜなら、私が絶対的に使用した場合、バックグラウンドが崩れるからです。ライトボックスは白い背景です。 <section id="lightbox"> <i id="x" class="fa fa-

0熱

1答えて

スリックスライダー、私は<a href="https://jsfiddle.net/sr0tnqL5/" rel="nofollow noreferrer">JSFiddle</a>は、私は滑らかなスライドでやりたいものを説明作った

絶対スライド上の位置オブジェクト：要するに <div class="slider"> <div> <div class="absolute"> Blabla </div> <img src="http://kenwheeler.github.io/slick/img/fonz1.png" /> </div> <div>

0熱

3答えて

絶対配置要素 - 正常なパーセンテージが機能しない

絶対配置要素が「トップ」位置のパーセンテージを無視する原因は何ですか？パーセンテージは "left"のために働いています。ピクセルとvhを使用すると垂直方向に配置することができます。ちょうどパーセンテージではありません。

0熱

2答えて

固定位置（ヘッダー）...次のすべてのセクションを位置で修正する必要がありますか？

HTML5/CSS3 より良く理解コーディングのための質問、初心者私はportviewのトップに私のヘッダーを修正しました。それは完璧に働いていましたが、今から私はのすべてのセクション/ divを修正してを画面上の位置に持っていなければなりません。の位置：固定/絶対が要素をフローから取り除くため、この動作は私にとって意味があります。 ... 通常のフローに戻る方法はありますか？ですから、すべて

1熱

1答えて

固定席のメニューで問題を解決するにはどうすればよいですか？

まあ、私は固定の脇にメニューバーを作成し、navbar固定トップ、私はスクロールするとき。それはメインのコンテンツをスクロールする必要がありますが、しかし、一緒にスクロールダウンメニューを、私はそれを修正することはできますか？ <!DOCTYPE html> <html> <head> <title></title> <link href="../../