Как получить тонкую границу в qtip с закругленными углами?
Я пытаюсь получить тонкую границу с закругленными углами для подсказки в qtip, используя:
border: {width: 1, radius: 7, color: "#B8E25E"}
(Как объяснено здесь: http://craigsworks.com/projects/qtip/docs/tutorials)
Но граница тогда становится довольно толстой, как 7 или что-то. Есть ли способ получить тонкую границу с закругленными углами?
4 ответа
У меня тоже была такая же проблема - похоже, qtip 1.x не позволит вам использовать "радиус", который меньше ширины границы.
Похоже, что это по замыслу, и вам придется перейти к qtip 2 (который еще не выпущен), чтобы обойти это.
Посмотрите этот разговор между разработчиком qtip и пользователем:
Пользователь: Я немного поиграл с этим, и, насколько я могу обнаружить, невозможно использовать радиус границы, превышающий ширину границы. Если я настрою border-radius, который больше, чем border-width, отображаемая ширина границы будет такой же, как радиус (вместо того, что я настроил).
Разработчик: К сожалению, это не ошибка или особенность, а просто побочный эффект от реализации. Планов реализовать это не планируется, поскольку выпуски 1.0 в настоящее время прекращены, а механизм границ удален в выпусках 2.0 в пользу стандартных свойств border-radius.
Посмотрев на исходный код, я нашел это в файле docs.css:
#content .subsection{
border-bottom: 3px solid #F1F1F1;
margin-bottom: 15px;
padding: 5px 0 40px;
}
Попробуйте сделать что-то похожее на это и посмотрите, что получится. Может быть, говорят границы: 3px solid #F1F1F1; вместо.
Вот раздел, где я нашел это по адресу: http://craigsworks.com/projects/qtip/docs/tutorials
Если кратко взглянуть на эту документацию, то кажется, что радиус - это ширина границы? Поэтому ваша граница равна 7, возможно, измените ее на {width: 1, radius: 2, color: "#B8E25E"}, чтобы получить более тонкую границу?
Попробуйте, это поможет вам
.corner { -moz-border-radius: 6px; -webkit-border-radius: 6 пикселей; радиус границы: 6 пикселей; }