私の背景画像は、dreamweaver で作業しているとき、またはさまざまなブラウザー (mozilla、つまり chrome) を介してデスクトップから開いているときに、固定されたサイズにとどまるはずです。ただし、アップロードすると背景画像が伸びます。誰かがこの問題の解決策を知っていますか?
4 に答える
CSSでこれを設定してみてください...
body {
background:url(YOUR_IMAGE);
background-size:80px 60px;
background-repeat:no-repeat;
}
ピクセル単位のサイズは、元の画像の寸法と同じです。
body {
background:url(YOUR_IMAGE);
background-repeat:no-repeat;
}
これを試して
これは単にキャッシングの問題である可能性があります。すべてをアップロードした場合。ページをリロードします。完全に読み込まれたら、ctrl + r および/または ctrl + F5 を押します。私は両方を交互に数回打つ傾向があります。これにより、画像と css がキャッシュからクリアされます。
これが機能しない場合は、何か奇妙なことが起こっています。
また、Dreamweaver などはコンテンツをブラウザーのようにロードすることにも注意してください。そのため、Dreamweaver では見栄えがよくても、ブラウザでは期待どおりに応答しないことがあります。同様に (Visual Studio の場合)、ソフトウェアではひどく壊れているように見えても、ブラウザーでは問題ないように見えることがよくあります。
また、FireFox で開発し、Firebug アドオンをインストールすることも検討する必要があります。これは、css などをオンザフライでチェックおよび/または編集できる非常に貴重なツールです。
サイトでそれを使用すると、背景画像が 100% & 770px に設定されていることがわかります。この 2 つのルールは互いに衝突します。1 つ目は画像を画面幅の 100% にするというもので、もう 1 つは背景をちょうど 770px にするというものです。
ここでは、オプションをよりよく検討する必要があります。