background-position

0熱

2答えて

右からパーセントでbackground imageを表示する方法はありますか？ピクセルでは、値はうまく機能しますが、パーセントでは機能しません！ JSfiddle HTML：<div></div> CSS： div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(

0熱

1答えて

背景の位置、3番目の画像のルール、モバイルのデザイン

私は、画像の焦点に合わせて3分の1に調整された画像と、画像をページに入れるためにbackground-imageに取り組んでいます。ユーザーがタブレット（またはそれ以上）のデバイスにいる場合、私はbackground-position:50%;を使用しています。私は写真が横に並んでいることに気にしない。しかし、モバイルデバイスでは、（JSBinの例を参照してください）右の3行目にあるテーマを画

0熱

1答えて

CSSは背景画像にフォント文字を使用する

入力要素の背景画像としてフォント文字（font-awesomeなど）を使用したいと考えています。これを達成するためにコンテンツ、適切なポジショニングで後： <style> #id { background-image: content('\f2d3'); /* content instead of url() */ background-position: right cen

0熱

1答えて

IE11

にスプライトシート上のキーフレーム+背景位置を使用するときにちらつきだから私は使用してバックグラウンドの位置を変更することにより、キーフレームとそれをアニメーション化するために歩行アニメーションやI意思の16個のフレームを含むスプライトシートを持っている： animation: abc 0.55s infinite steps(1); @keyframes abc { 0

0熱

1答えて

CSS画像の位置/フォーカス

私はウェブサイトを構築しています。私が望む位置に配置することはできません。ウェブページ上の画像の「フォーカス」を画像の中央まで数pxにします。幅は全然見ることができますが、高さはありません。画像の解像度は「5760x3840px」です。私は画像の設定のためのこのCSSコードを持っています。 .topwidget{ max-width: 100%; height: auto

-1熱

1答えて

のbackground-positionは、私は次のCSSを持って

は表示されません。 .flag { background-image: url('http://192.168.1.88/david/images/flag_set/flag_set/europa_flag_set.jpg'); width: calc(4 * 5.93px); height: calc(4 * 3.99px); background-s

0熱

1答えて

リニアグラジエントとバックグラウンドサイズがこのクールな効果を加えて、どんなボディでも説明できます

私は申し訳ありませんが疑問ですが、このコードは私を夢中にしています。それをして2〜4時間を投資すると、私は私が知っていると思っていたものについて混乱しています。下のコードでは、このクールなエフェクトを追加すると、背景が下から表示され、上に行くように思えます。背景イメージ、線形グラデーション、背景サイズ、ポジション私の悲惨さから見てください。 HTMLコード <ul><li><a href="

0熱

1答えて

背景なしでdiv内のイメージの位置を修正する方法はありますか？

私は現在、Ruby on Rails環境で記事のビューを統合しています。が、私はその中の記事の画像を設定し、それがこの <div class="image_container> <img src="/path/to/image.jpg" />  </div> のようになりますので、修正DIV 4

0熱

1答えて

リセットなしのバックグラウンドポジションアニメーション

時間の経過とともにエレメントのbackground-positionを変更して背景とのスクロール効果の種類を作成するCSSでアニメーションを作成しました。 @keyframes stars-animate { 0% { background-position: 0 -500px; } 100% { background-position: 20