Возникла проблема с расположением фиксированного фона.
html:
<!DOCTYPE html>
<html>
<head><head>
<body>
<div class="background"></div>
</body>
</html>
css:
html, body{height: 100%}
body{margin-right: 300px;}
.background{height: 100%; background: url('http://oi67.tinypic.com/2guecyo.jpg') center top fixed;}
jsfiddle: https://jsfiddle.net/84av76hh/
текущее поведение:
Фиксированный фон элемента .background игнорирует заданное ему горизонтальное выравнивание и позиционируется относительно общей ширины документа.
желаемое поведение:
Хотелось бы, чтобы фиксированный фон был центрирован относительно ширины элемента, к которому применен, а не к общей ширине.
Как быть?