Я пытаюсь получить тонкую границу с закругленными углами для подсказки в qtip, используя:
border: {width: 1, radius: 7, color: "#B8E25E"}
(Как объяснено здесь: http://craigsworks.com/projects/qtip/docs/tutorials#borders)
Но тогда граница становится довольно толстой, например, 7 или около того. Есть ли способ получить тонкую границу с закругленными углами?
У меня тоже была такая же проблема - похоже, qtip 1.x не позволит вам использовать 'радиус', который меньше ширины границы.
Похоже, это по замыслу, и вам придется перейти к qtip 2 (который еще не выпущен), чтобы обойти его.
Смотрите этот разговор между разработчиком qtip и пользователем :
Пользователь: Я немного поиграл с этим, и, насколько я могу обнаружить, это не можно использовать границу-радиус, который больше ширины границы. Если я настроить пограничный радиус это больше ширины границы, отображаемая ширина границы будет такой же, как радиус (вместо того, что я сконфигурирован). * * +1010 Разработчик: к сожалению это ни баг, ни фича, просто сторона Эффект от реализации. Там нет планов реализовать это как 1.0 релизы сейчас прекращены, а пограничный движок убран в 2.0 релизы в пользу стандарта свойства границы-радиуса.
Пользователь: Я немного поиграл с этим, и, насколько я могу обнаружить, это не можно использовать границу-радиус, который больше ширины границы. Если я настроить пограничный радиус это больше ширины границы, отображаемая ширина границы будет такой же, как радиус (вместо того, что я сконфигурирован). * * +1010
Разработчик: к сожалению это ни баг, ни фича, просто сторона Эффект от реализации. Там нет планов реализовать это как 1.0 релизы сейчас прекращены, а пограничный движок убран в 2.0 релизы в пользу стандарта свойства границы-радиуса.
Посмотрев на исходный код, я нашел это в файле 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#borders
Попробуйте, это поможет вам
.corner { -moz-border-radius: 6 пикселей; -webkit-border-radius: 6 пикселей; радиус границы: 6 пикселей; }
Из краткого взгляда на эту документацию кажется, что радиус - это ширина границы? Поэтому ваша граница равна 7, возможно, измените ее на {width: 1, radius: 2, color: "# B8E25E"}, чтобы получить более тонкую границу?