5

次を使用して、qtipの先端の角が丸い細い境界線を取得しようとしています。

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

(ここで説明されているように:http://craigsworks.com/projects/qtip/docs/tutorials#borders

しかし、境界線は7かそこらのようにかなり太くなっています。角が丸い細い境界線を取得する方法はありますか?

4

4 に答える 4

2

私も同じ問題を抱えていました-qtip1.xでは、境界線の幅よりも小さい「半径」を使用できないようです。

これは仕様によるもののようです。これを回避するには、qtip 2(まだリリースされていません)に移動する必要があります。

qtipの開発者とユーザーの間のこの会話を参照してください:

ユーザー:私はこれで少し遊んだことがありますが、私が検出できる限り、border-widthよりも大きいborder-radiusを使用することはできません。border-widthよりも大きいborder-radiusを構成すると、表示されるborder-widthは(構成したものではなく)radiusと同じになります。

開発者:残念ながら、これはバグでも機能でもありません。実装の副作用にすぎません。1.0リリースは現在廃止されており、境界エンジンは2.0リリースで削除され、標準の境界半径プロパティが採用されているため、これを実装する予定はありません。

于 2011-04-24T20:37:00.847 に答える
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ソリッド#F1F1F1; 代わりは。

これが私がこれを見つけたセクションです:http://craigsworks.com/projects/qtip/docs/tutorials#borders

于 2010-12-19T17:59:15.717 に答える
0

これを試してみてくださいそれはあなたを助けるでしょう

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

于 2011-01-03T07:00:13.233 に答える