次を使用して、qtipの先端の角が丸い細い境界線を取得しようとしています。
border: {width: 1, radius: 7, color: "#B8E25E"}
(ここで説明されているように:http://craigsworks.com/projects/qtip/docs/tutorials#borders)
しかし、境界線は7かそこらのようにかなり太くなっています。角が丸い細い境界線を取得する方法はありますか?
次を使用して、qtipの先端の角が丸い細い境界線を取得しようとしています。
border: {width: 1, radius: 7, color: "#B8E25E"}
(ここで説明されているように:http://craigsworks.com/projects/qtip/docs/tutorials#borders)
しかし、境界線は7かそこらのようにかなり太くなっています。角が丸い細い境界線を取得する方法はありますか?
私も同じ問題を抱えていました-qtip1.xでは、境界線の幅よりも小さい「半径」を使用できないようです。
これは仕様によるもののようです。これを回避するには、qtip 2(まだリリースされていません)に移動する必要があります。
qtipの開発者とユーザーの間のこの会話を参照してください:
ユーザー:私はこれで少し遊んだことがありますが、私が検出できる限り、border-widthよりも大きいborder-radiusを使用することはできません。border-widthよりも大きいborder-radiusを構成すると、表示されるborder-widthは(構成したものではなく)radiusと同じになります。
開発者:残念ながら、これはバグでも機能でもありません。実装の副作用にすぎません。1.0リリースは現在廃止されており、境界エンジンは2.0リリースで削除され、標準の境界半径プロパティが採用されているため、これを実装する予定はありません。
そのドキュメントをざっと見たところ、半径は境界線の幅のように見えますか?したがって、境界線は7です。境界線を薄くするには、境界線を{width:1、radius:2、color: "#B8E25E"}に変更しますか?
ソースコードを見ると、docs.cssファイルで次のことがわかりました。
#content .subsection{
border-bottom: 3px solid #F1F1F1;
margin-bottom: 15px;
padding: 5px 0 40px;
}
これに似たようなことをしてみて、何が起こるか見てみましょう。多分ボーダーと言っている:3pxソリッド#F1F1F1; 代わりは。
これが私がこれを見つけたセクションです:http://craigsworks.com/projects/qtip/docs/tutorials#borders
これを試してみてくださいそれはあなたを助けるでしょう
.corner {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }