2016-08-08 5 views
0

Если ситуация описана в этом image, мне нужно найти решение для такой границы, используя CSS-only, если это возможно. Высота не фиксирована, она может быть переменной. И граница должна начинаться и заканчиваться, как показано на рисунке. И есть граница для этой волнистой линии.CSS cogged right border

Красный цвет на экране, чтобы показать вам, как это работает.

Мне нужно это для работы с IE9 +.

+0

И где вы застряли, насколько далеко вы достигли, какой у вас HTML? –

+0

Я попытался принять это решение: http://codepen.io/anon/pen/artDy Но это не может помочь, потому что мне нужно иметь цвет границы, но не просто вычесть некоторые из моего ящика с другим цветом фона , –

ответ

0

IE 9+ трудно, так как border-image собственность не будет работать здесь ...

Если вы можете сделать это Withour соответствующих окончаний, вы можете просто использовать border-color в сочетании с фоновым изображением, то есть у - повторение и выравнивание по правому краю.

+0

Спасибо, я знаю, что это можно сделать с изображением границы без правильных окончаний. Знаете ли вы решение для других браузеров? –

+0

С пограничным изображением возможны правильные окончания (в случае, если я не сделал это ясным ...), но с повторным фоновым подходом нет. Теперь какое решение вы имеете в виду? – andreas