2

背景画像に問題があります。

ウィンドウの解像度やサイズに関係なく、中央に配置する必要があるサイズ 2538 x 559px の画像があります。background-image は固定サイズである必要があり、スケーリングしてはなりません。画像の中央の特定の位置にテキスト フォームがあるため、画像を拡大縮小してはいけません。

解像度が小さい場合、またはウィンドウが小さくなった場合でも、中央が表示され、画像が左右に切り取られるはずです。

閲覧して見つけた多くのことを試しましたが、何も役に立ちませんでした。手伝ってくれませんか?

よろしくお願いします!

4

2 に答える 2

6

background-positionパーセンテージに設定する必要があります。

body
{
    height: 100%;
    width: 100%;
    background: url('path/to/file.png') no-repeat;
    background-position: 50% 50%;
    background-size: 1920px 1200px;
}

これにより、コンテナの幅のパーセンテージを取り、常に中央に表示され、画像の左右が切り取られます。

背景画像を常に同じサイズに保つには、 background-size:プロパティを使用する必要があります。

これは CSS3 プロパティであり、IE<9 ではサポートされないことに注意してください。

http://jsfiddle.net/Kyle_Sevenoaks/QY5NQ/

于 2012-11-15T12:38:48.727 に答える
2

やってみました:

background-position: center;
background-size: 2538px 559px;
于 2012-11-15T12:29:09.653 に答える