Question

我尝试使用以下方法在qtip中获得带尖角的细边框：

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

（如下所述：http://craigsworks.com/projects/qtip/docs/tutorials#borders）

但是边界变得很厚，就像7或者其他东西。有没有办法让圆角变薄？

Answer 1

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

看起来这是设计上的，你必须转到qtip 2（尚未发布）才能绕过它。

请参阅this conversation between the developer of qtip and a user：

网友：我玩过这个，   而据我所知，事实并非如此   可以使用border-radius   大于边框宽度。如果我   配置边界半径   大于边界宽度   显示的边框宽度将是   与半径相同（而不是我   配置）。

开发人员：不幸的是这是   既不是错误也不是特征，只是一个方面   实施的效果。那里   没有计划将此实现为1.0   发布现已停止，并且   边界引擎在2.0中被删除   发布有利于标准   border-radius properties。

Answer 2

从简短的文档中看一下，看起来Radius是边框的宽度？所以你的边框是7，可能会改为{width：1，radius：2，color：“＃B8E25E”}以获得更薄的边框？

Answer 3

从查看源代码，我在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

找到的部分

Answer 4

试试这会帮助你

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

如何在圆角的qtip中获得细边框？

4 个答案: