Как я расширяю фоновое изображение для покрытия всего элемента HTML?
Из документации от React :
setState()не сразу мутируетthis.state, а создает ожидающий переход состояния. Доступ кthis.stateпосле вызова этого метода может потенциально вернуть существующее значение.blockquote>
. Если вы хотите, чтобы функция выполнялась после изменения состояния, передайте ее в поле
setState, и вызовы могут быть собраны для повышения производительности. как обратный вызов.this.setState({value: event.target.value}, function () { console.log(this.state.value); });
4 ответа
Чтобы подробно остановиться на ответе @PhiLho, можно центрировать очень большое изображение (или любое изображение размера) на странице с:
{
background-image: url(_images/home.jpg);
background-repeat:no-repeat;
background-position:center;
}
Или Вы могли использовать меньшее изображение с цветом фона, который соответствует фону изображения (если это - сплошной цвет). Это может или не может удовлетворить Вашим целям.
{
background-color: green;
background-image: url(_images/home.jpg);
background-repeat:no-repeat;
background-position:center;
}
Вы не можете в чистом CSS. Наличие изображения, покрывающего целую страницу позади всех других компонентов, является, вероятно, Вашим лучшим выбором (похож, это - решение, данное выше). Так или иначе возможности, это будет выглядеть ужасным так или иначе. Я попробовал бы любого изображение, достаточно большое для покрытия большинства разрешений экранов (скажите до 1600x1200, выше его более недостаточно), чтобы ограничить ширину страницы, или только использовать изображение та мозаика.
Не уверенный, что протяжение фонового изображения возможно. Если Вы находите, что это не возможно, или не надежно во всех Ваших целевых браузерах, Вы могли попытаться использовать расширенный тег img с z-индексным набором ниже и набором положения к абсолютному так, чтобы другое содержание появилось сверху его.
Сообщают нам то, что Вы заканчиваете тем, что делали.
Редактирование: То, что я предложил, в основном, что находится в ссылке gabriel. Так попытка, что:)
Используйте свойство background-size : http://www.w3.org/TR/css3-background/#the-background-size