0

背景画像を画面サイズに合わせて引き伸ばしたい

body {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80%;
    background-image: url(hola.jpg);
}

貼ってみてbackground-size: 1500px 1500px;決まり。

どのようにすれば、すべてのページの解像度に対して自動的に行うことができますか?

4

2 に答える 2

1 
background-size:cover;
background-position:50% 50%;

IE8 以前とは互換性がありません。IE11 が既にリリースされているため、それらをサポートする必要があるかどうかを判断するのはあなたです。

于 2013-11-03T15:15:28.413 に答える
0

<body>これを使用すると、ウィンドウ全体をカバーしていない場合でも機能するはずです。

background-attachment: fixed;
background-size: 100%;

(ソース: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size :

<percentage>
background-origin の値によって決定される背景配置領域の指定されたパーセンテージに対応する次元で背景画像をスケーリングする値。[...] 背景のアタッチメントが固定されている場合、背景の配置領域は、代わりにブラウザー ウィンドウの領域全体になり、スクロールバーが存在する場合はその領域は含まれません。[...]

于 2013-11-03T15:15:05.873 に答える