問題タブ [background-image]
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.
css - 背景画像が囲んでいるdivよりも長い
顧客のWebサイトでは、ページの含まれている領域(実際のコンテンツ部分)のみの背景画像を追加する必要があります。
問題は、コンテンツが十分に短い場合、画像がクリップされることです。画像を完全に表示するにはどうすればよいですか?「オーバーフロー」CSS属性を追加しようとしましたが、残念ながら役に立ちませんでした。
これが私が作業しなければならないウェブサイトの例です:http ://www.sfp-pensioen.nl/werknemer/welkom背景画像はid="content"のdiv要素にあります。
私が送信している特定のリンクでは、コンテンツが十分に長いため問題にはなりませんが、firebugを使用して要素を削除すると、問題が明らかになります。
ps:IE6をサポートする必要があります。
jquery - この画像効果はどのように作成されますか?
久しぶりにこのページを見ました。本当にすごい。しかし、スクロール時に発生する背景画像の効果がどのように機能するかわかりません。コードを調べたところ、Jquery と多数のスクロール プラグインを使用していることがわかりましたが、表示できる画像については何もありません。
それが完了したとどのように言えますか?
drupal-6 - ブロックまたはノードとしての Drupal 背景画像
Drupal 6 のカスタム テーマで編集可能な背景画像を作成する方法に頭を悩ませています。私のクライアントは、Web サイトの各メイン セクション (複数のコンテンツ タイプ: ページ、ブログ、画像ギャラリー) で異なる背景画像を使用したいと考えており、すべてを動的に保つために、背景画像を編集可能にしたいと考えています。
私がやりたいのは、ユーザーがコンテンツ ライブラリから画像を参照したり、新しい画像をアップロードしたり (ImageAssist と同様) したり、テンプレートの領域に適用したりできるように、さまざまなコンテンツ タイプに背景画像フィールドを追加することです。 . これに対する最善のアプローチに関する提案はありますか?
カスタム コンテンツ タイプを動的背景画像ブロックにする方法はありますか? Image、Image Cache、Views、CCK、Image Assist、Panels、Filefield、および Imagefield モジュールを使用しています。
ありがとうございました!
css - 可変幅のフローティング画像と背景画像の見出し
私は次のコードを持っています:
ここでデモをチェックできます:http://easwee.net/floated_img_article/
問題: 画像は2つの異なる幅(3:2の比率-水平または垂直)を持つことができます。ご覧のとおり、見出しには背景画像があり、フロート画像の背後にあります。
見出しのテキストが始まるところから背景画像を開始するcssソリューションはありますか?それにより、フロート画像と重ならないようになりますか?左の丸い角が見える必要があります。
PS:javascriptソリューションを紹介することもできますが、これはcssで解決したいと思います。
css - CSS-画像に対するヘッダーの不透明度
CSSに次のものがあるとします。
HTMLにID「topFrame」のdivを配置し、h1タグを使用してヘッダーを書き込もうとすると、ヘッダーは画像と同じくらい不透明になります(したがって、「目立つ」黒ではなく、鈍い灰色で表示されます。
ヘッダーを格納するための非表示のdivを作成せずに、画像を半透明に保ちながら、h1を不透明度の点で目立たせる方法はありますか(それが理にかなっている場合)?
jquery - jQueryの背景画像間でフェードする方法はありますか?
興味深い画像設定があり、2 つの背景画像の間でフェードできるかどうか疑問に思っていました。あるとしたら、複数の背景画像と不透明度があると思います...うーん!
jquery - Jquery IE6ホバーの問題、背景画像の読み込みを続ける
このページを見てください:http://pearl.tinderfields.com/
IE6では、ユーザーがメニュー項目にカーソルを合わせるたびにメニューの背景画像が読み込まれます。これにより、明らかに非常にゴミのように見えるメニューが作成されます。
IE6がホバーするたびに画像を再読み込みする特別な理由はありますか?
css - background-position と CSS スプライトを使用して画像の一部を繰り返すにはどうすればよいですか?
CSS スプライトと background-position を使用して動的な幅のボタンをいくつか作成したいと思いますが、私が望むことが可能かどうかはわかりません..
ボタンには左側、中央、右側があり、必要に応じて中央が繰り返されるようにしたいと思います。理想的には、これを幅 11px の 1 つの画像で構成して、左右の幅が両方とも 5px で、中央が 1px 繰り返されるようにしたいと考えています。CSS で定義して、画像の中央の 1 ピクセルを使用し、必要な (不明な) 幅の場合に繰り返す方法はありますか?
通常、私は同様の結果を得るために 2 つの画像を使用しました。
css - 同じ要素で背景画像とCSS3グラデーションを組み合わせるにはどうすればよいですか?
background-colorCSS3グラデーションを使用してから、background-imageを適用して、ある種の明るい透明なテクスチャを適用するにはどうすればよいですか?
css - ボタンの背景が伸びているようです
私はあなたがここで見るために作られたボタンを持っています。見栄えがいいですよね?ライブサイトでは、euroworker.no /shippingと/selectAddressが拡張されているようです。
Chrome、IE、Safariで正常にレンダリングされます。これは、FFの問題である可能性があると思いましたが、フィドルをFFにロードし、正常に見えます。
クイックリファレンスCSSとhtml:
そしてHTML
どうしたのかしら。