如何在 qtip 中获得带有圆角的细边框?
我尝试使用以下方法为 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
我也遇到了同样的问题 - 看起来 qtip 1.x 不允许您使用小于边框宽度的“半径”。
看起来这是设计使然,您必须转到 qtip 2(尚未发布)来解决它。
请参阅qtip 开发者与用户之间的对话:
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:
从简要浏览该文档来看,半径似乎是边框的宽度?
因此,你的边框是 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?
通过查看源代码,我在 docs.css 文件中发现了这一点:
尝试执行与此类似的操作,看看会发生什么。也许会说边框:3px实体#F1F1F1;反而。
这是我在以下位置找到的部分: http://craigsworks.com/projects/qtip/文档/教程#borders
From looking at the source code, I found this in the docs.css file:
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
试试这个,它会对你有所帮助
.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;
}