Wie bekomme ich eine dünne Grenze in qtip mit runden Ecken?

Question

ich versuche, eine dünne Grenze mit abgerundeten Ecken für die Spitze in qtip zu bekommen, mit:

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

(wie hier erklärt: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

Aber die Grenze ist dann ziemlich dick bekommen, wie 7 oder etwas. Gibt es eine Möglichkeit, eine dünne Grenze mit runden Ecken zu erhalten?

Answer 1

Ich hatte das gleiche Problem auch - es sieht aus wie qtip 1.x nicht lassen Sie einen 'Radius' das ist weniger als die Grenze Breite.

Es sieht so aus, als ob dies beabsichtigt ist, und Sie müssen zu qtip 2 (das noch nicht veröffentlicht ist) wechseln, um es zu umgehen.

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

User: Ich habe ein wenig mit diesem gespielt, und soweit ich es erkennen kann, ist nicht möglich, einen border-radius zu verwenden, die größer ist als die Rahmenbreite. Wenn ich einen Rahmen-Radius konfiguriere, der größer als die Grenze-Breite ist, wird die angezeigte Rahmenbreite der gleichen wie der Radius sein (anstelle dessen, was ich konfiguriert).

Entwickler: Leider ist dies weder ein Fehler oder Feature, nur eine Seite Wirkung der Implementierung. Dort sind keine Pläne, dies als 1.0 Releases zu implementieren sind jetzt eingestellt, und die Rand-Engine wird in den 2.0 Releases zugunsten Standard Rand-Radius-Eigenschaften entfernt.

Answer 2

Von einem kurzen Blick auf diese Dokumentation sieht es aus wie der Radius ist die Breite der Grenze? Also ist dein Rahmen 7, ändere ihn vielleicht auf {width: 1, radius: 2, color: "# B8E25E"}, um einen dünneren Rand zu bekommen?

Answer 3

Von den Quellcode suchen, fand ich dies in der docs.css Datei:

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

Versuchen Sie etwas Ähnliches wie dies zu tun und sehen, was passiert. Vielleicht sagen Grenze: 3px solid # F1F1F1; stattdessen.

Hier ist der Abschnitt, wo ich fand diese bei: http://craigsworks.com/projects/qtip/docs/tutorials#borders

Answer 4

dieses Probieren Sie es Ihnen helfen wird

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