2012-04-05 2 views
0

Можно создать дубликат:
Give a CSS styled div a “border-left-image”изображение границы изображение неизвестно свойство?

Im пытаясь положить границу на DIV, слева и справа от дел.

HTML:

<div id="containerscontainer"><div> 

CSS:

#containerscontainer { 
    width: 970px; 
    margin: 0 auto; 
    padding: 0px 0px 0px 0px; 
    background-color:#000;  
    border-left-image:url('/gfx/bkshadleft.png'); 
    border-right-image:url('/gfx/bkshadright.png'); 
} 

enter image description here enter image description here

, но по какой-то причине в хроме я могу увидеть им получать ошибки Неизвестное имя свойства? почему это? я не делаю это правильно?

Fiddle пример: http://jsfiddle.net/uzi002/8dX7R/3/

+0

А? http://stackoverflow.com/questions/5541336/give-a-css-styled-div-a-border-left-image – iambriansreed

+0

Вы можете определить изображение границы для всех границ, а затем установить 'border-width' для верхнего а нижняя - 0: 'border-width: 0 10px;'? – cchana

+0

граница должна быть разной с каждой стороны – Beginner

ответ

1

Чтобы работать в Chrome, вы должны назвать стиль:

-webkit-границы левого изображения

Смотрите этот пост: Give a CSS styled div a "border-left-image"

+0

Я хочу, чтобы она работала во всех браузерах – Beginner

+0

также я попробовал, чтобы увидеть мой пример, пожалуйста, – Beginner

+0

, так что просто добавьте оба стиля в ваш css, он будет использовать правильный вариант в зависимости от браузера;) – Gatekeeper

1

С опыт, я чувствую, что синтаксис может быть выключен, или изображения не являются правильными размерами, а границы отключены. Я бы рекомендовал использовать веб-сайт, как это, чтобы генерировать изображения:

http://border-image.com/

А также, я не вижу границ изображения в вашем Fiddle.

+0

yeh thats проблема появления arent arents – Beginner

Смежные вопросы