Использовать как изображение для нижней границы: можно ли повторить изображение в псевдоэлементе после и контролировать размер фона?

Мы безуспешно пытаемся использовать одно изображение в качестве нижней границы. См. нашу попытку здесь: ac">Использовать изображение границы только для нижней границы? Вместо этого наш CSS копирует изображение по всему div

Теперь мы пытаемся использовать псевдоэлемент «после» в качестве нижнего изображения границы.

Проблема в том, что мы не можем определить размер изображения в свойстве содержимого или сделать так, чтобы оно повторялось по ширине псевдоэлемента. Это возможно?


html css
person Crashalot    schedule 16.04.2012    source источник
comment
Мы помещаем изображение в свойство содержимого, но мы не можем ни установить высоту и ширину изображения, ни сделать его повторяющимся.   -  person Crashalot    schedule 17.04.2012

Ответы (1)


arrow_upward
3
arrow_downward 

.some-div:after {
    content: '';
    display: block;
    width: 100px; /* example */
    height: 2px;
    background: url('../images/path-to-your-image.png') repeat-x;
}

Вам просто нужно добавить некоторое позиционирование на основе вашего кода (с плавающей запятой, абсолютное, что угодно).

person DavidMG    schedule 16.04.2012
comment
Мне нравится это решение :) - person Gajotres; 03.04.2015