問題タブ [cover]

すべての主要なブラウザーで動作する、レスポンシブで固定された背景を作成しようとしています。

基本的に、私は典型的な background:cover の動作 (ブラウザーのサイズに合わせてスケーリング) を使用していますが、視差効果を作成するために背景を固定したいと考えています。

もしそうなら、これは可能ですか？

これまでの CSS は修正なし:

本文 HTML:

ご覧のとおり、これをサイズ変更すると、背景がわずかにサイズ変更されます。ただし、追加すると

背景のサイズが変更されなくなりました。固定された背景のように動作するだけです。

このサイトをモバイル デバイスで動作させようとしています: http://whitehallrow.com/

モバイル用の青いリボンと対応する写真がうまく表示されていなかったため、削除することにしました。そこで、モバイル向けに 2 つの要素を組み合わせた新しい画像を作成しました。しかし、Blackberry でページを表示すると、ページ上のテキストの大部分が写真で覆われています。どうすればこれを修正できますか?

私はChromeを使用しています。以下は背景画像のコードです。これにより、選択した背景画像が他の要素の背後にある画面全体を効果的にカバーし、グレースケールに設定されます。完全に機能しますが、background-size:cover が読み込み速度とサイトの使いやすさを劇的に低下させていることがわかりました。

「background-size:cover」(行番号 1 を参照) に代わるもので、同じ結果を視覚的にレンダリングするが、サイトの読み込み速度を向上させるものはありますか? ありがとうございました！

これらがクラスではなくIDであるため、これらが関連しているかどうかはわかりません...したがって、それらを追加して使用しなかった可能性がありますが、スタイルシートに関連する可能性のあるスタイルもいくつかあります。

#background スタイルはないようです。

このコードは Chrome と FF では機能しますが、何らかの理由で Safari では機能しません。ただし、 Safariはそれをサポートする必要があります。Safari は、構文に問題があることを報告します。これはおそらく本当ですが、私にはそれを理解できないようです。

カバーとして機能し、ページの背景全体を埋めるには background.png が必要ですが、ロゴは中央に配置し、幅は 50% で高さは自動にする必要があります。

タイトルについて申し訳ありませんが、SOは「問題」という言葉を許可していませんでした。次の問題があります。

売りたいもののパッケージがあり、各パッケージには価格があります。誰かが 、 、 を要求したときX、私はすべてのパッケージを調べたいYとZ思います。パッケージの中には複数のアイテムが含まれているものもあり、ユーザーのアイテムをカバーし、最小価格のパッケージの組み合わせをユーザーに提供します。

たとえば、 11 ドルかかる[(X, Y), (Z, Q)]ので、10 ドルを提案するかもしれません[(X), (Y), (Z)]。これらは価格であるため、貪欲な加重セット カバー アルゴリズムは使用できません。2 人が異なる価格で同じものを手に入れるのは良くないからです。

ただし、加重集合カバー問題の最適なアルゴリズムを詳述した論文 (または何か) を見つけることができませんでした。誰かが実装（私はPythonを使用しています）、論文、またはそれがどのように機能するかについての高レベルの説明を手伝ってもらえますか?

私が持っているパッケージは数百あり、その数は 5 ～ 6 であるため、実行時間は実際には問題になりません。

ありがとう！

カスタム UI コントロールの上に透明な div を配置して、そのコントロールを「保護」することがあります。たとえば、インタラクティブなデータ グリッドを作成し、その前にダイアログを表示するときなど、それを無効にしたい場合は、グリッドの外側のコンテナーに透明な div を追加し、高さと幅を伸ばして、何もクリックすることはできません。以下の不自然な例でsomeFunction()は、スパンが透明なプロテクターで覆われているため、「Blah」の場所をクリックしても呼び出されません。

HTML:

CSS:

ただし、Internet Explorer (10 でも) では、これが機能しないことに気付きました。背景が透明に設定されている div (CSS を使用して明示的に、またはまったく設定しないことで暗黙的に) のように見えますが、div はその下にあるものをブロックしません。これは間違っていると思いましたが、実際には仕様からそれが間違っているとはわかりません。仕様では、下にあるものが「透けて見える」とだけ書かれています。背景がガラスのように振る舞うべきかどうかについては言及されていません。

透明な div の代わりに完全に透明な画像を使用するように戻しましたが、これに関する詳細情報を誰かが持っているかどうか疑問に思いました。(透明な画像で機能するという事実は、それが z-index の問題ではないことを証明しています)。