У меня есть два фоновых изображения, которые я хотел бы разместить слева и справа от моего div-оболочки. Для этого я использую свойство background-image CSS3, но оно не работает. Может ли кто-нибудь понять, почему это не работает ни в одном браузере. Я также хотел бы знать, как только я заработаю в современных браузерах, будет ли он работать в более старых браузерах, таких как IE 7?
Вот изображение того, что я пытаюсь сделать. У меня уже есть навигация (зеленый баннер), поэтому мне нужно поставить хитрый красный баннер и обвести фон.
Я думал, что разрезание краев красного баннера вместе с фоном круга и применение приведенного ниже кода будет работать, но дело не в том, что мне нужно, чтобы стороны оставались на одном уровне с сторонами.
body{
background-color:#e5e5e5;
background-image: url("../img/background_left.png"),url("../img/background_right.png");
background-position: right top, left top;
background-repeat: no-repeat, no-repeat;
background-attachment: fixed, fixed;
}