5

我尝试使用以下方法为 qtip 中的尖端制作带有圆角的细边框:

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

(就像这里解释的:http: //craigsworks.com/projects/qtip/docs/tutorials#borders

但是边界变得很厚,像 7 或其他东西。有没有办法得到一个带圆角的细边框?

4

4 回答 4

2

我也有同样的问题 - 看起来 qtip 1.x 不会让你使用小于边框宽度的“半径”。

看起来这是设计使然,您必须转到 qtip 2(尚未发布)才能绕过它。

查看qtip 的开发者和用户之间的对话

用户:我玩过这个,据我所知,不可能使用大于边框宽度的边框半径。如果我配置的边框半径大于边框宽度,则显示的边框宽度将与半径相同(而不是我配置的)。

开发人员:不幸的是,这既不是错误也不是功能,只是实现的副作用。由于 1.0 版本现已停产,因此没有计划实施此功能,并且在 2.0 版本中删除了边框引擎以支持标准边框半径属性。

于 2011-04-24T20:37:00.847 回答
0

试试这个它会帮助你

.corner { -moz-border-radius: 6px; -webkit-border-radius:6px;边框半径:6px;}

于 2011-01-03T07:00:13.233 回答
0

从简要浏览该文档来看,半径似乎是边框的宽度?因此,因此您的边框是 7,也许将其更改为 {width: 1, radius: 2, color: "#B8E25E"} 以获得更薄的边框?

于 2010-12-07T01:48:21.350 回答
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

于 2010-12-19T17:59:15.717 回答