1

私はこのサイトに取り組んでいます。これは Joomla ベースなので、変換しようとしている間にいくつかの新しいものを手に入れる必要がありました。ようやく思い通りに見えるようになりましたが、メインの背景 (画像モジュール) が2100px広く、広い解像度では見栄えがするため、いくつかの問題がありますが、小さいものでは巨大です。

解像度がこれである場合、モジュールにこの画像を表示させるなど、HTML (またはそれ以外) で何かをコーディングする方法はありますか?

4

2 に答える 2

1

試す

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

デモ

差出人：完璧なフルページの背景画像、css3テクニック。

于 2013-03-12T17:17:39.097 に答える
1

別のモジュールでの読み込みについてはわかりませんが、CSSメディアクエリを使用して、特定のビューポートサイズの新しい背景画像を読み込むことができます。

@media only screen and (min-width:0px) and (max-width:2099px)
{
    .my_image { background-image:MY_NEW_IMAGE; }
}
于 2013-03-12T17:00:53.887 に答える