Как получить тонкую рамку в qtip с закругленными углами? - PullRequest
Новая
       33

Как получить тонкую рамку в qtip с закругленными углами?

5 голосов
/ 12 марта 2010

Я пытаюсь получить тонкую границу с закругленными углами для подсказки в qtip, используя: 

border: {width: 1, radius: 7, color: "#B8E25E"}

(Как объяснено здесь: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

Но тогда граница становится довольно толстой, например, 7 или около того. Есть ли способ получить тонкую границу с закругленными углами?

Ответы [ 4 ]

2 голосов
/ 25 апреля 2011

У меня тоже была такая же проблема - похоже, qtip 1.x не позволит вам использовать 'радиус', который меньше ширины границы.

Похоже, это по замыслу, и вам придется перейти к qtip 2 (который еще не выпущен), чтобы обойти его.

Смотрите этот разговор между разработчиком qtip и пользователем :

Пользователь: Я немного поиграл с этим, и, насколько я могу обнаружить, это не можно использовать границу-радиус, который больше ширины границы. Если я настроить пограничный радиус это больше ширины границы, отображаемая ширина границы будет такой же, как радиус (вместо того, что я сконфигурирован). * * +1010

Разработчик: к сожалению это ни баг, ни фича, просто сторона Эффект от реализации. Там нет планов реализовать это как 1.0 релизы сейчас прекращены, а пограничный движок убран в 2.0 релизы в пользу стандарта свойства границы-радиуса.

0 голосов
/ 19 декабря 2010

Посмотрев на исходный код, я нашел это в файле 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

0 голосов
/ 03 января 2011

Попробуйте, это поможет вам

.corner { -moz-border-radius: 6 пикселей; -webkit-border-radius: 6 пикселей; радиус границы: 6 пикселей; }

0 голосов
/ 07 декабря 2010

Из краткого взгляда на эту документацию кажется, что радиус - это ширина границы? Поэтому ваша граница равна 7, возможно, измените ее на {width: 1, radius: 2, color: "# B8E25E"}, чтобы получить более тонкую границу?

...