Не могу разобраться с border-color

Голоса: +1

Здравствуйте. Стилями CSS вырезал из шапки сайта стрелочку над ссылкой "ГЛАВНАЯ СТРАНИЦА". Как сделать, чтобы белые участки были прозрачными, как фоновое изображение? Т.е. а сама стрелочка осталась. Как я понял, дело в border-color. Вот весь код изображения:
 

#uncheader_arr {
    background: url("/img/company_w.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: transparent #fff #fff;
    border-style: solid;
    border-width: 20px;
    display: block;
    height: 0;
    left: 260px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 259px;
    width: 0;
}
"/img/company_w.jpg" это шапка сайта из которой делал css стрелочку.
Адрес сайта http://protsenki.at.ua/
| Автор: | Категория: Дизайн сайта

Ответов: 2

Голоса: +1
 
Лучший ответ

Здравствуйте! Вам проще сделать триугольник картинкой и вставить его после

вот вам триугольник с прозрачным фоном просто сохраните его  и залейте на сайт после чего вставте куда вам нужно как картинку будет проще 

 

 

| Автор:
Тоже думал об этом. Скорее всего, так и будет. Спасибо за картинку.
Прадва, хотелось бы и с этим разобраться, если это возможно)
Голоса: +1
Удалите эту строчку border-color: transparent #fff #fff;
| Автор:
Уже удалял. Вместо стрелочки просто серый квадрат.
border не поддерживает бакгрунд, у него могут быть только простые цвета.
...