background-image

0熱

1答えて

私は、フォールドの上の画面の100％をカバーする背景画像を持っています。背景画像用のHTMLとCSSは次のとおりです。 .mb { background-image: url(../assets/img/Uploads/xyz.jpg); background-repeat: no-repeat; height: 100%; width: 1

0熱

1答えて

すべてのデバイスで複雑な背景イメージの位置付け

まずはlocalhostで開発中のURLの詳細を提供できません。しかし、うまくいけば、下の私の明確な説明で、あなたは提案を提供することができるかもしれません。 :-) 私はWordpressサイトの.header-wrap #headerにUpliftテーマを使用して画像を配置しようとしていました。下のコードは正しく機能していますが、画像はアスペクト比のためヘッダーの下に表示されます。これは高さが

0熱

1答えて

レスポンシブウェブサイトの背景イメージをデザインするにはどうすればよいですか？

私は一日中答えやガイドを探していましたが、何も見つけられないようです。私はここでキーワードを見つけられないかもしれません。私はPhotoshopの背景画像をデザインしたいと思う単一のページのウェブサイトを持っています。私はこのイメージをウェブページ上の要素の周りにデザインできるようにしたいと考えています。これは、特定の1つの画面サイズでは設計が難しいことではありませんが、要素の配置と画面の幅はデ

1熱

1答えて

完璧幅

MBPのエッジ）は、より小さいデバイスでは常に画面の端に表示されますが、画面が大きくなると、画像の幅がさらに大きくなります。画像は2560x882で、MBPの幅は1045pxです。非常に高い解像度では、イメージをサイズの2倍の大きなものに交換することに気付きました。どのように私はこれを達成することができますか？あなたが使用した背景画像について img { max-width: 100%; he

0熱

1答えて

SVGクリップの背景スケーリング - アスペクト比の保存方法は？

カラムコンポーネントの背景は、コンテナを使用してスケールする必要があります。アスペクト比=常にクリッピングパスのような完全な円形を維持します。後でクリッピングパスをより洗練された形にしたいと思いますが、デモの目的で私はサークルを使用します。これは、今どのように見えるかです：右のアスペクト比で、常に滞在する形状にする方法と：これはどのようにすべきです列のスケーリングも可能ですか？ body {

0熱

2答えて

背景画像右下の位置合わせエラー - アンドロイド上のクロム

背景色が＃000の「右下」の背景画像の配置が必要なウェブサイトがあります。ブラウザのウィンドウの外に背景イメージをレンダリングするアンドロイドのchromeを除いて、これまで試したことのあるすべてのOSとブラウザ（Chrome、つまりmoz、safari）でCssテストを行っても問題ありません。他の画像アラインメントはうまく動作します - 問題は、右下のアライメントがあり、のみ、アンドロイドに

0熱

1答えて

tdに背景イメージを挿入する方法

テーブルセル（td）に背景イメージを配置しようとしていますが、イメージがセルよりも大きいので、背景イメージの一部しか見ることができません。私はこのCSSを使用していたクラスで <tr> <td class="active"></td> <td class="passive"></td> </tr> ： HTMLは次のようになります background-image: ur

0熱

1答えて

空のdivの背景としてイメージを使用して、応答可能なWebアプリケーション内の全領域をカバーします

これに類似した多くのトピックを見てきましたが、これまでのところ何も働いておらず、私はワイドスクリーンと小型モバイル機器で使用されることが期待される応答性の高いウェブアプリを持っています。画面の一部は、すべてのデバイスサイズ（それに合わせて画像のサイズを変更する必要があります）の画像で100％カバーする必要があります。アプローチする最善の方法これは2つのdivで、1つは画像を、もう1つはコンテン

0熱

1答えて

フォントの不透明度

こんにちは私は以前の質問を検索し、複数の方法を試しましたが、まだフォントの不透明度に影響を与えずに背景画像の不透明度を設定するのに問題があります。これは私のhtmlです： <main> <div class="background"> <div class="container"> <div class="row"> <div class="col-