вопрос о радиусе границы webkit

#overlay #css

#наложение #css

Вопрос:

Вот моя проблема: я показываю наложение (используя это) с div сообщения, у которого закругленные углы.

Вот мой css-код для сообщения div:

 #modal1
{
    margin-left: auto;
    margin-right: auto;
    display: none;
    width: 620px;
    height: 150px;
    position: relative;
    background-color: #FFF;

    border: 12px solid #FF771C;  
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;

    text-align: center;
}

И моя проблема в том, что я получаю белую «границу» (если присмотреться) в верхнем левом и правом углах. Вот изображение, чтобы вы могли убедиться сами. Теперь я «решил» это, установив для свойств границ webkit слева вверху и справа 0px, но это не решение, поэтому я спрашиваю, может быть, у вас есть какие-то идеи? Кстати, это разработано только для chrome, поэтому в коде указано только -webkit..

Редактировать:
Я нашел решение на их форуме http://flowplayer.org/tools/forum/40/46850

1. вы можете просто написать: border-radius: 12px; вместо ваших четырех строк. Префикс -webkit- также больше не нужен для Chrome, я не уверен насчет Safari.

2. @Bazz: да, это работает, но у меня все еще есть эта белая граница, как упоминалось выше в вопросе

3. Что произойдет, если вы удалите это border: 12px solid #FF771C; ? Исчезает ли проблема с границей?

4. @nikola Тогда это должно быть что-то за вашим префиксом #modal1 — Относительно -webkit : В это довольно трудно поверить, но -webkit-border-radius может вести себя иначе, чем обычно border-radius , поэтому вы можете попробовать и удалить префикс поставщика. Вот статья, в которой упоминается об этом, ссылка

5. @vlad: да, я думаю, это как-то связано с плагином, который я использую для модального.

Ответ №1:

похоже, что это граница другого div или элемента за вашим div с закругленными границами

1. @Unmair: да, вы были правы, хотя я не смог найти, что именно, а затем я обнаружил, что плагин flowplayer overlay использовал какое-то изображение, которого не было на моем сервере, и это то, что было под моим div. В любом случае, я нашел решение здесь: flowplayer.org/tools/forum/40/46850

2. Я рад, что это помогло. кстати, его зовут Umair 🙂