CSS - выравнивание div по краю экрана

Question

У меня есть схема с фиксированной шириной, она очень проста и выглядит следующим образом:

Div слева - это позиция: фиксированная, так как я хочу, чтобы она оставалась на местекак страница прокручивается.Линии на заднем плане представляют фоновое изображение.

Я пытаюсь создать полосу, которая проходит со стороны фиксированного элемента div в левую часть экрана, поэтому она будет выглядеть следующим образом.:

Есть ли способ достичь этого?Обычно я использую какое-то фоновое изображение, но у меня уже есть фоновое изображение позади div, так что оно просто не будет работать.

Answer 1

Вы, вероятно, можете попробовать это:

fixed-div:before {
    content: url(bar.gif);
}

Есть альтернатива, на случай, если вы хотите поставить ее справа (после элемента) :

fixed-div:after {
    content: url(bar.gif);
}

Однако обратите внимание, что IE6 и IE7 не поддерживает селекторы псевдокласса :before и :after.