如何在 qtip 中获得带有圆角的细边框?

发布于 2024-08-24 16:44:41 字数 332 浏览 8 评论 0原文

我尝试使用以下方法为 qtip 中的提示获得带圆角的细边框:(

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

如此处所解释的:http://craigsworks.com/projects/qtip/docs/tutorials#borders

但是边框会变得很粗,比如 7 左右。有没有办法获得带有圆角的细边框?

I try to get a thin border with round corners for the tip in qtip, using:

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

(Like explained here: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

But the border is then getting quite thick, like 7 or something. Is there a way to get a thin border with round corners?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

苦妄 2024-08-31 16:44:41

我也遇到了同样的问题 - 看起来 qtip 1.x 不允许您使用小于边框宽度的“半径”。

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

请参阅qtip 开发者与用户之间的对话:

用户:我玩过一点这个,
据我所知,事实并非如此
可以使用边界半径
大于边框宽度。如果我
配置边界半径
大于边框宽度,
显示的边框宽度将是
与半径相同(而不是我的
配置)。

开发者:不幸的是,这是
既不是错误也不是功能,只是一个方面
实施效果。那里
没有计划将其实现为 1.0
版本现已停止,并且
border引擎在2.0中被删除
有利于标准的发布
边框半径属性。

I had the same problem too - it looks like qtip 1.x will not let you use a 'radius' thats less than the border width.

It looks like this is by design, and you'll have to move to qtip 2 (which isn't released yet) to get round it.

See this conversation between the developer of qtip and a user:

User: I've played a little with this,
and as far as I can detect it isn't
possible to use a border-radius that
is greater than the border-width. If I
configure a border-radius that's
greater than the border-width, the
border-width displayed will be the
same as the radius (in stead of what I
configured).

Developer: Unfortunately this is
neither a bug or feature, just an side
effect of the implementation. There
are no plans to implement this as 1.0
releases are now discontinued, and the
border engine is removed in the 2.0
releases in favour of standard
border-radius properties.

伏妖词 2024-08-31 16:44:41

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

From briefly glancing at that documentation it looks like the Radius is the width of the border?
So therefore your border is 7, maybe change it to {width: 1, radius: 2, color: "#B8E25E"} to get a thinner border?

怪异←思 2024-08-31 16:44:41

通过查看源代码,我在 docs.css 文件中发现了这一点:

#content .subsection{
      border-bottom: 3px solid #F1F1F1;
      margin-bottom: 15px;
      padding: 5px 0 40px;
   }

尝试执行与此类似的操作,看看会发生什么。也许会说边框:3px实体#F1F1F1;反而。

这是我在以下位置找到的部分: http://craigsworks.com/projects/qtip/文档/教程#borders

From looking at the source code, I found this in the docs.css file:

#content .subsection{
      border-bottom: 3px solid #F1F1F1;
      margin-bottom: 15px;
      padding: 5px 0 40px;
   }

Try doing something similar to this and see what happens. Maybe saying border: 3px solid #F1F1F1; instead.

Here's the section where I found this at: http://craigsworks.com/projects/qtip/docs/tutorials#borders

当梦初醒 2024-08-31 16:44:41

试试这个,它会对你有所帮助

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

Try this it will help you out

.corner {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文